Autor | Zpráva | ||
---|---|---|---|
little fish Profil * |
Zdravim,
mam stranku www.beedeecomputers.co.uk pozadi mam vytvoreno uzkym prouzkem( top-cerna, stred-modra, zbytek seda): body { background: black url(../images/bg-body.jpg) repeat-x; font: 80% Arial,Helvetica, sans-serif; color:white; margin:0; padding:0; text-align:center; } stranka je do toho zasazena s pevnou sirkou: #all { margin:0px auto; width:1000px; } modra plocha by mela sedet s menu, ale dela mi to neplechu v jinem rozliseni... tady jeste kus kodu: <body> <div id="all"> <div id="header"> <h1><a href="index.html"><span></span>Mala ryba</a></h1> <div id="motto"><h2>tvorba webových prezentací<br>oprava počítačů a laptopů</h2></div> <hr class="cleaner"> </div> <div id="line"></div> <div id="menu"> <ul> <li><a href="index.html"><h3>Chci webové stránky</h3><br><hr class="grey"></a></li> <li><a href="pc.html"><h3>Chci opravit počítač</h3><br><hr class="grey"></a></li> <li><a href="cenik"><h3>Ceník</h3><br><hr class="grey"></a></li> <li><a href="kontakt"><h3>Kontakt</h3><br><hr class="grey"></a></li> </ul> </div> Poradite, prosim, jak je spravne reseni? |
||
Werewolf Profil |
#2 · Zasláno: 18. 2. 2009, 17:18:07
Nevím, čím to je, ale můžeš to opravit pozicováním.
do stylu přidej #menu li a.last { position: relative; bottom: 16px; } a v HTML změň 22. řádek z <li><a href="kontakt"><h3>Kontakt</h3><br><hr class="grey"></a></li> na <li><a href="kontakt" class="last"><h3>Kontakt</h3><br><hr class="grey"></a></li> A je to hotový. Ani to nebolelo. Poznámky na závěr: Při přidání další položky do menu to class="last" přiřaďm zase j té poslední položce. Já mám rozlišení 1140x900 pixelů, možná je to v jiných rozlišeních jiné. Chyba byla v tom, že tam máš někde chybu. A to posouvá tuhle položku níž. Vyřešili jsme to posunutím položky o 16pixelů výš oproti její původní pozici. |
||
yFang Profil |
„a v HTML změň 22. řádek z
<li><a href="kontakt"><h3>Kontakt</h3><br><hr class="grey"></a></li> <li><a href="kontakt" class="last"><h3>Kontakt</h3><br><hr class="grey"></a></li>“ A smaž to <h3>, v inline elementu nemůžeš mít <h3>. A vzhled písma si nastavíš v CSS: #menu li a { color:#000; font-size:150%; font-family:... } A docílíš tak snadno stejného vzhledu a zbavíš se toho h3, které tam nemá co dělat. |
||
panther Profil |
#4 · Zasláno: 18. 2. 2009, 17:36:08
yFang
„A docílíš tak snadno stejného vzhledu a zbavíš se toho h3, které tam nemá co dělat.“ jestli je dobře zbavovat se nadpisu.. little fish pokud tam ten nadpis „kontakt“ chceš zanechat, vyjmi ho z „ul“ a „li“ |
||
little fish Profil * |
#5 · Zasláno: 18. 2. 2009, 17:39:04
yFang
o.k.diky zmenim Werewolf vyzkousim to, doufam, ze to bude ono:)kdyz se ucim z cizich zdrojaku, nikdy mi nebylo jasny, k cemu je podobne reseni dobre diky moc! |
||
little fish Profil * |
#6 · Zasláno: 18. 2. 2009, 17:40:37
panther
ma smysl to nechavat jako h3? |
||
Trejpa Profil |
#7 · Zasláno: 18. 2. 2009, 19:24:58
little fish
„ma smysl to nechavat jako h3?“ Sémanticky to smysl nemá, položka v seznamu (potažmo v menu) není nadpis. Pokud bys ale na nadpise trval, tak to otoč: <ul id=menu> <li><h3><a href=kontakt>Kontakt</a></h3> </ul> |
||
panther Profil |
#8 · Zasláno: 18. 2. 2009, 19:29:42
little fish
„ma smysl to nechavat jako h3?“ pokud to chceš jako nadpis, tak ano. Pokud je to v menu, tak ne (Trejpa, [#7]). reakce na sebe, [#4] „pokud tam ten nadpis „kontakt“ chceš zanechat, vyjmi ho z „ul“ a „li““ nevšiml jsem si, že je to jedna položka z horního menu, nadpis zde být nemá. Myslel jsem, že je následující struktura (měl jsem se nejprve podívat n tvůj příspěvek): <h3>kontakt</h3> <ul> <li>tel.</li> atd... |
||
Časová prodleva: 15 let
|
0