| Autor | Zpráva | ||
|---|---|---|---|
| Stana Profil * |
#1 · Zasláno: 1. 6. 2013, 21:06:27
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 |
#2 · Zasláno: 1. 6. 2013, 21:15:25
Nazdar Stana
pošli odkaz na tvoj web |
||
| jenikkozak Profil |
#3 · Zasláno: 1. 6. 2013, 22:01:00
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 * |
#4 · Zasláno: 2. 6. 2013, 06:32:33 · Upravil/a: Stana
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 * |
#5 · Zasláno: 2. 6. 2013, 07:34:22
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 |
#6 · Zasláno: 2. 6. 2013, 20:45:13
Lepší je obalit divem a dát
margin:0 auto;
|
||
| margin Profil * |
#7 · Zasláno: 2. 6. 2013, 23:33:15
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. |
||
|
Časová prodleva: 12 let
|
|||
0