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
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
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 *
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 *
panther
ma smysl to nechavat jako h3?
Trejpa
Profil
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>
A ve stylech nastav #menu a na blokové zobrazení (to už máš) s odsazením a dolním okrajem místo těch čar <hr>.
panther
Profil
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...
zde by nadpis smysl měl

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: