| 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