menü szélesség css

bellabici képe

Hello,
elegant témát használom drupal 7-en és az utolsó simítások egyikekén képtelen vagyok rájönni,hogy a lenyíló menünél az almenü dobozának a szélességét hogyan lehetne nagyobbra állítani, hogy hosszabb menüelnevezés is beleférjen? Sajnos csak nagyon alap szinten látom át a style css-ét, ezért megköszönném ha valaki tudna segíteni. Számomra logikusnak tűnt, hogy a width értéket állítsam nagyobbra, de valami mást is be kell állítani, mivel semmi nem történt. Ha a hozzáértőnek egyszerű a megoldás megköszönném a segítséget! Az oldal www.bellabici.hu

Köszönöm!

#main-menu ul,
#main-menu ul * {
margin: 0;
padding: 0;
list-style: none;
}
#main-menu ul { line-height: 1.0 }
#main-menu ul ul {
position: absolute;
top: -999em;
width: 180px; /* left offset of submenus need to match (see below) */
}
#main-menu ul ul li { width: 100% }
#main-menu ul li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
#main-menu ul li {
float: left;
position: relative;
}
#main-menu ul a {
display: block;
position: relative;
}
#main-menu ul li:hover ul,
#main-menu ul li.sfHover ul {
left: 15px;
top: 40px; /* match top ul list item height */
z-index: 99;
}
#main-menu ul li:hover li ul,
#main-menu ul li.sfHover li ul { top: -999em }
#main-menu ul li li:hover ul,
#main-menu ul li li.sfHover ul {
left: 180px; /* match ul width */
top: 0;
}

#main-menu ul {
float: left;
margin-bottom: 1em;
}
#main-menu ul a {
height: 40px;
line-height: 40px;
font-size: 13px;
font-weight: bold;
color: #999;
margin-left: 10px;
text-decoration: none;
}
#main-menu ul a:focus,
#main-menu ul a:hover,
#main-menu ul a:active {
color: #000;
}
#navigation a.active {
color: #ef4034;
}
/*Subs*/
#main-menu ul ul{
background: #fff;
padding: 0px;
border: 1px solid #ccc;
-moz-opacity: 0.98;
-khtml-opacity: 0.98;
opacity: 0.98;
}
#main-menu ul ul a{
margin: 0px;
padding: 0 10px;
}
#main-menu ul ul a:focus,
#main-menu ul ul a:hover,
#main-menu ul ul a:active {
color: #333;
}
#main-menu ul ul a.active{
color: #333;
}
#main-menu ul ul li{
border-bottom: 1px solid #eee;
}
#main-menu ul ul li:last-child{
border-bottom: 0px;
}
#main-menu ul ul .sf-sub-indicator:last-child {
display: none;
}

Drupal verzió: 
Fórum: 
aruna képe

használod ezt a css-t: style.css (355-ös sor):

#main-menu ul ul {
  ...
  width: 300px;
  ...
}

A width-et ad hozzá, valamilyen szélességgel.

... és töröld a drupal cache-t is, ha szükséges.

2
0
bellabici képe

elvégeztem a módosításokat, tehát a css 355. sora alatt a submenu résznél felvettem egy width: 200px; parancsot, töröltem a drupal gyorsítótárat és a böngészőét is, de nem történt változás a szélességben.

Van esetleg más ötleted, vagy valamit én nem csináltam jól?

0
0
aruna képe

én próbáltam chromium alatt az előbbi hozzászólásomban, azt most megismételtem firefox alatt is.

Lásd a képen:

Ezután ha a menüpontok fölé húzom az egeret, akkor a dinamikusan lenyíló almenüpontok doboza változtatja a szélességet. Nem tudom nálad mi lehet a gond.

0
0
csakiistvan képe

En ezt a problemat nem azzal orvosolnam hogy a "ul" elem width erteket novelnem, hanem levennem az "a" elem magassagat:
style.css 337.sor

  1. #main-menu ul a {
  2. ...
  3. height:40px;
  4. ...
  5. }

igy maris nem log ki az "ul" elembol, majd beallitanam a line-height erteket:

style.css 363.sor

  1. #main-menu ul ul a {
  2. ...
  3. line-height:160%;
  4. padding-top:5px;
  5. padding-bottom: 5px;
  6. ...
  7. }

lathatod hogy a paddingot is allitottam, mert sima line-height-el az elemek osszeugrottak, paddingal ezt orvosoltam.

S igy megoldottuk a problemat, bar ez mas irany, nem ezt akartad, de szerintem igy "szebb", de ez ugye szubjektiv!!

0
0

Drupal full-stack developer at Wunderman Thompson Budapest

bellabici képe

biztos nálam van a hiba, de akármelyik javasolt módszert próbálom megvalósítani semmi változás. D7 alatt annyit csináltam, hogy a beállítás/teljesítmény alatt a gyorsítótárat töröltem miután a módosított style.css-t bemásoltam ftp-n keresztül. Próbáltam mindenféle böngészővel: semmi!

Köszönöm, hogy foglalkoztatok a problémámmal, nem tudom mi lehet a gond.

0
0
csakiistvan képe

bellabici képe

én is ebben változtattam. Tudnád esetleg linkelni azt, amibe beleírtál kipróbálnám?!

Köszi

0
0
bellabici képe

rájöttem mi a gond. Az all helyett a default-ban kellett volna matatnom, mivel az all írásvédett. Így elsőre megcsináltam, az alapértelmezett width beállítás nagyobbra állításával.

Bocsánat, hogy feleslegesen fárasztottalak Titeket és köszönöm ismét a segítőkészséget!

Téma lezárva!

0
0
csakiistvan képe

Bar a problema megoldodott, a linkelt css tobb dolgokat felvet:

  1. nincs alsminked, ami azt jelenti hogy a letoltott drupal sminkbe "turkaltal". Ez jelent olyan veszelyt hogy mi lesz akkor amikor a sminkhez egy uj frissites erkezik, es frissiteni szeretned. Nem fogod tudni, mert nem fogsz arra emlekezni hogy mit csinaltal fel/egy/masfel eve. Ilyen esetekre mindig alsminket celszeru kesziteni, leirtam miert, es hogyan
  2. a linkelt cssbol latszik hogy rossz mappaban van a smink, hisz annak nem a sites/default mappaban van a helye, hanem a sites/all/themes mappaban
1
0

Drupal full-stack developer at Wunderman Thompson Budapest

bellabici képe

amiket javasoltál, köszönöm így ismét tanultam valamit. Azért került különben a default-ba, mert az új tárhelyen írásvédett az all és ez tűnt egyszerűbb megoldásnak, de most már hellyel közzel elérte az oldal a végleges formáját, így a default tartalmat kivetetem.

Az alsminknek utána nézek, köszi még egyszer!

0
0