| Autor | Zpráva | ||
|---|---|---|---|
| akali Profil * |
#1 · Zasláno: 29. 9. 2010, 10:38:48
Ahoj, stáhnul jsem menu, a zkoušel jsem zarovnat odkazy na střed, ale nějak se mi to nedaří.. Pomohl by mi někdo? -> živý odkaz je tady http://menus.velkyberanov-fotbal.cz/menu.html
a css soubor .droplinebar{
overflow: hidden;
}
.droplinebar ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: bold 13px Arial;
background: #242c54 url(images/bluedefault.gif) center center repeat-x; /*default background of menu bar*/
}
.droplinebar ul li{
display: inline;
}
.droplinebar ul li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
}
.droplinebar ul li a:visited{
color: white;
}
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: white;
background: transparent url(images/blueactive.gif) center center repeat-x;
}
/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: #303c76; /*sub menu background color */
visibility: hidden;
}
/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 13px Verdana;
padding: 6px;
padding-right: 8px;
margin: 0;
border-bottom: 1px solid navy;
}
.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
background: #242c54;
}pak tu je ještě JS, snad potřeba nebude, ale kdyby náhodou byl potřeba, tak ho sem potom hodím. |
||
| panther Profil |
#2 · Zasláno: 29. 9. 2010, 11:25:27
akali:
pomůže ti tohle? |
||
| akali Profil * |
#3 · Zasláno: 29. 9. 2010, 11:45:07
Bohužel asi ne :(
|
||
| Tori Profil |
#4 · Zasláno: 29. 9. 2010, 16:50:58
panther:
existuje nějaký mazaný trik, jak to vycentrovat i v IE? (keďže nepodporuje tabulkové hodnoty display) |
||
| Plaváček Profil |
#5 · Zasláno: 29. 9. 2010, 16:56:13
Tori:
Však je to v pantherem odkázaném příkladu vyřešeno podmíněným komentářem, ne? |
||
| Tori Profil |
#6 · Zasláno: 29. 9. 2010, 17:05:01
Plaváček:
jejda, já se nekoukla, kaju se. |
||
| Akali Profil |
#7 · Zasláno: 29. 9. 2010, 18:26:16
Jak ten kod mam tedy upravit?
|
||
| panther Profil |
#8 · Zasláno: 29. 9. 2010, 18:28:00
Akali:
pořád nikdo asi nějak neví, co chceš udělat. Já předpokládal, že chceš mít 100% pozadí a v něm centrované položky - k tomu se váže odkaz, který jsem přidal. Pokud chceš něco jiného, budeš muset svou představu asi blíže upřesnit. |
||
| Chamurappi Profil |
#9 · Zasláno: 29. 9. 2010, 21:45:26 · Upravil/a: Chamurappi
Reaguji na Tori:
„existuje nějaký mazaný trik, jak to vycentrovat i v IE?“ Vesměs všechny nyní užívané prohlížeče podporují display: inline-block (viz nejmenší nutná šířka), což byl původně jeden z mazaných triků na Explorer.
|
||
| akali Profil * |
#10 · Zasláno: 30. 9. 2010, 11:24:17
Potřebuju, aby ty položky v menu byly zarovnané na střed toho celého pozadí menu. Nyní jsou ty položky zarovnané doleva a já je potřebuju zarovnat na střed.
Nemluvím o celém divu (ten na střed dám), ale chci ty položky dostat na střed. Už mě chápete? :-) |
||
| panther Profil |
#11 · Zasláno: 30. 9. 2010, 11:48:09
akali:
„Potřebuju, aby ty položky v menu byly zarovnané na střed toho celého pozadí menu.“ tak. Na odkazu, co jsem posílal v [#2] jsou položky na středu, pod nimi jen roztáhneš block s pozadím. Kde je problém (pravděpodobně v tom, že ses na odkaz nepodíval)? |
||
| mylan Profil |
#12 · Zasláno: 30. 9. 2010, 12:48:06
Tu nájdeš návod aj s vysvetlením ako to funguje: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support
|
||
|
Časová prodleva: 14 let
|
|||
0