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;
}
A belinkelt oldalon
használod ezt a css-t: style.css (355-ös sor):
A width-et ad hozzá, valamilyen szélességgel.
... és töröld a drupal cache-t is, ha szükséges.
Köszönöm a segítséget,
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?
Amit
é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.
En ezt a problemat nem azzal
En ezt a problemat nem azzal orvosolnam hogy a "ul" elem width erteket novelnem, hanem levennem az "a" elem magassagat:
style.css 337.sor
igy maris nem log ki az "ul" elembol, majd beallitanam a line-height erteket:
style.css 363.sor
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!!
Drupal full-stack developer at Wunderman Thompson Budapest
Köszi srácok
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.
Errol a cssrol van szo:
Errol a cssrol van szo:
http://www.bellabici.hu/sites/default/themes/elegant_theme/style.css
Drupal full-stack developer at Wunderman Thompson Budapest
Igen, helyben vagyunk
én is ebben változtattam. Tudnád esetleg linkelni azt, amibe beleírtál kipróbálnám?!
Köszi
Orbitális hülye vagyok,
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!
Bar a problema megoldodott, a
Bar a problema megoldodott, a linkelt css tobb dolgokat felvet:
Drupal full-stack developer at Wunderman Thompson Budapest
Megszívlelem
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!