Autor Zpráva
Stana
Profil *
Prosím poradte, obrázky nejdou vycentrovat, zkousel jsem vsechno, bud se nic nedeje nebo se to cele rozhaze. Melo by to vypadat tak, ze obrazky budou vycentrovany na stred stranky
odkaz:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <style type="text/css">
  a img    {filter: none;}
a:hover img   { filter: gray}

<</style>
 

  </head>
  <body>
 
<a href="spolecenstvi.htm"
onMouseOver="self.document['obrazek'].src='1a.jpg';"
onMouseOut="self.document['obrazek'].src='1.jpg';"
style="float:left;">
<img name="obrazek" src="1.jpg" border="0"></a>


<a href="vybor.html"
onMouseOver="self.document['obrazek2'].src='2a.jpg';"
onMouseOut="self.document['obrazek2'].src='2.jpg';"
style="float:left;">
<img name="obrazek2" src="2.jpg" border="0"></a>

  
  


  </body>
</html>
MyShare
Profil
Nazdar Stana
pošli odkaz na tvoj web
jenikkozak
Profil
Stana:
Zápis float:left přece i bez znalosti CSS napovídá, že nejde o centrování, že?
Pokud na stránce nic jiného nebude, vycentruj veškerý obsah prvku body.
Místo Java Scriptu na odkazech se dá použít pseudotřída hover. Ty obrázky bys mohl použít jako pozadí na odkazech. Těm by bylo ale potřeba pak nastavit display:block, aby se přestaly chovat jako řádkový element. A také rozměry.
Stana
Profil *
MyShare
odkaz na stranky zadny neni, zatim je to jen tato stranka.

Jenikkozak
se zapisem float mate pravdu, ale kdyz jsem to vymazal, cele se to rozhdilo.
Vycentrovat body align neslo, to stejne s pseudotridou hover asi jako "samouk" pisu do stylu spatny text


MyShare
Zatím je jen tato stránka.
jenikkozak Při odstranění zápisu float se to celé rozhodilo. Censtování body nešlo, stejně tak pseudotřída hover. Asi "samouk píše do stylu špatný text.
Stana
Profil *
Vyřešeno

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>Společenství vlastníků jednotek</title>
  </head>
  <style type="text/css">
  a img    {filter: none;border:none}
a:hover img   { filter: gray;}

</style>  
  

  <body>

 <p style="text-align: center">
<a href="spolecenstvi.htm"><img src="1.jpg" onmouseover="this.src='1a.jpg'" onmouseout="this.src='1.jpg'" /></a>
<a href="vybor.htm"><img src="2.jpg" onmouseover="this.src='2a.jpg'" onmouseout="this.src='2.jpg'" /></a>
</p>

  </body>
</html>
majja01
Profil
Lepší je obalit divem a dát margin:0 auto;
margin
Profil *
majja01:
V tomto případě nevidím v deklarování automatického marginu žádnou výhodu, spíše naopak.
Zapomněl jsi napsat, že je nutné elementu deklarovat šířku, jinak se nepozná, že je vystředěný.
Kvůli tomu, jaký Stano používá !doctype nebude automatický margin fungovat v IE.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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