| Autor | Zpráva | ||
|---|---|---|---|
| wenne Profil |
#1 · Zasláno: 21. 6. 2010, 16:03:40
Ahoj, potřebovala bych, aby se mi vertikální menu vycentrovalo v případě, že tam bude méně odkazů a zároveň, aby po přejetí myší ztmavla celá oblast (výška a šířka odkazu je 200x50), ne jen pozadí textu.
Vypadá to takto: <style>
#menu
{width:800;height:50;
line-height:50px;
background-color:#222222;
text-align:center;
float:left;}
#menu a
{text-decoration:none;color:#228822;
width:200;height:50;
text-align:center;
font-size:20;
float:left;}
#menu a:hover
{background-color:#000000;}
</style>
<body>
<div id="menu">
<a href="">Odkaz</a>
<a href="">Odkaz</a>
<a href="">Odkaz</a>
</div>
</body>
Jde o to ztmavnutí po najetí myši. Potřebuji, aby se odkaz choval, jako block, ale když dám display:block, zalomí se mi řádek. Když dám float, už to nedokážu vycentrovat. Děkuji moc za případné rady. |
||
| panther Profil |
#2 · Zasláno: 21. 6. 2010, 16:06:47
wenne:
- v CSS ti chybí jednotky Počet položek je předem známý? Pokud ano, je to snadné, pokud ne, proč má #menu šířku 800px (tedy jen na 4 položky)? Píšeš o vertikálním (svislém), ale v CSS máš horizontální (vodorovné). Jaké menu tedy chceš? Ať tak či tak, odkazy budou mít float, inspiruj se. |
||
| Keeehi Profil |
#3 · Zasláno: 21. 6. 2010, 16:09:55
wenne:
„vertikální menu“ + „ale když dám display:block, zalomí se mi řádek“ Takže vertikální nebo horizontální menu? Podle mě asi takto (není určeno k prostému kopírování): body text-align:center; #menu bez šířky #menu margin: 0 auto; text-align:left; #menu a display:block; float:left |
||
| wenne Profil |
#4 · Zasláno: 22. 6. 2010, 15:28:35
Jo, já trubka jsem to spletla, myslela jsem horizontální. Děkuji za rady, moc pomohly :)
|
||
|
Časová prodleva: 14 let
|
|||
0