Autor Zpráva
Zla Lama
Profil *
goodlike.xf.cz

Opera v pohodě tak bych to chtěl mít všude
IE nezarovnava obrazky za pravý okraj layout tabulky+ 4 obrázek se zobrazuje na novém řádku
FF 4 obrázek se nezarovná za třetí do řady.
jiné prohlížeče neznám

poradte díky.

Tady je zdroják pls.
<style>
<!-- ?xml version="1.0" encoding="windows-1250"? -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="Content-Language" content="cs"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250"/>
<title>Test 3 sloupcového layoutu se stejnou délkou všech panelů</title>
<style type="text/css" media="all">

<style type="text/css">

body {
margin:0; padding:0; <!-- -->
font:14pt/1.5 sans-serif;
}

#hlavicka {
margin:0; padding:0;
background:#33cccc;
border: 1px solid blue;
}

#hlavni1 {
margin:0; padding:0;
background:#99ffff;<!-- bla bla #333 #0099FF url("blue.gif") top right repeat-y;-->
border:yellow;<!-- bla bla #333 #0099FF url("blue.gif") top right repeat-y; 1px solid blue-->
}
#hlavni2 {
margin:0; padding:0;
background:url("blue.gif") top right repeat-y;
border: 1px solid blue;
}
#levypanel {
float:left;
width:150px;
margin:0; padding:0;
background:url("blue.gif") top right repeat-y;
font-size:100%;
}
#pravypanel {
float:right;
width:220px;
margin:-20; padding:0;
background:url("blue.gif") top right repeat-y;
font-size:80%;
}
#stredni {
margin:0 220px;
background:#ccffff;
font-size:120%;
border: 1px solid blue;
}
#paticka {
background:#6600cc;
font-size:80%;
border: 1px solid blue;
}
.obsah {
margin:0; padding:0.5em 0.5em;
}
.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}

h1,h2,h3,h4 { margin: 0.2em 0 }
p { margin: 0.5em 0 }
a { color:black }

.copy { text-align:center; font-size:80% }

</style>
</head>

<body>

<div id="hlavicka">
<div class="obsah">
<h1> GOODLIKE.xf.cz</h1>
</div>
</div>

<div id="hlavni1">
<div id="hlavni2">

<div id="levypanel">
<div class="obsah">
<h2>Sekce:</h2>
Sekce základních dovedností tohoto webu.
<a href="vydelek.html"><img src="helmice.jpeg" align="center" width="130" height="120" alt="popis obrázku"></a>
<br>

<a href="cssekce.html"><img src="csmain.jpeg" align="center" width="130" height="120" alt="popis obrázku"></a>
<a href="komunikace.html"><img src="asterix.jpg" align="center" width="130" height="120" alt="popis obrázku"></a>

</div>
</div>

<div id="pravypanel">
<div class="obsah">
<!--Pravý panel--->
<br>
<br>
<img src="army.jpg" width="180" alig="left">
<br>
<br>
<span style="color:red;">Aktualizace:
<br>
<MARQUEE SCROLLAMOUNT="1" BGCOLOR="yellow" loop="1" width="180">!!!Aktualizace stránek 20.3.2008!!!</MARQUEE></SPAN>
<br>
<MARQUEE SCROLLAMOUNT="1" BGCOLOR="black" loop="1" direction="up" width="180" height="200"><span font="size:4;" style="color:green;">
<pre><h5>5.3. 12:00 Vznik webu!
Vložení počítadla
Přidána sekce výdělek<span style="color:white;">
přidány soubory:
prachy.jpg
helmice.jpeg
banner1.gif
vystavba.jpg
army.jpeg<span style="color:green;">

6.3. Nová sekce CS
Návštěvní kniha
Komunikace<span style="color:white;">
přidány soubory:
csmain.jpeg
asterix.jpg <span style="color:green;">

19.3 sekce výdělek pro klany<span style="color:white;">
článek+návod
2.gif
bux.gif

20.3 nový layout stránek
snns02.pnp
vesmir.jpeg
neurony.jpg
dna.jpg

</MARQUEE>
<pre>


<pre>
<a href="http://www.toplist.cz/"><script language="JavaScript" type="text/javascript">
<!--
document.write ('<img src="http://toplist.cz/count.asp?id=699845&logo=bc&http='+escape(docum ent.referrer)+'&wi='+escape(window.screen.width)+'&he='+escape(window. screen.height)+'&cd='+escape(window.screen.colorDepth)+'&t='+escape(do cument.title)+'" width="88" height="120" border=0 alt="TOPlist" />');
//--></script><noscript><img src="http://toplist.cz/count.asp?id=699845&logo=bc" border="0"
alt="TOPlist" width="88" height="120" align="left" /></noscript></a></TD>


</div>
</div>
<span style="color:red;">
<div id="stredni">
<div class="obsah">
<br>
<!--Obsah--->
<h1><span style="color:#333;">"GOODLIKE!</span></h1>
<img src="vystavba.jpg" align="center" width="540" height="50" alt="popis obrázku">
<img src="neurony.jpg" align="center" width="130" height="120" alt="popis obrázku">
<img src="dna.jpeg" align="center" width="130" height="120" alt="popis obrázku">
<img src="snns02.png" align="center" width="130" height="120" alt="popis obrázku">
<img src="vesmir.jpeg" align="center" width="130" height="120" align="left" alt="popis obrázku">
<HR COLOR="white" SIZE="20"></HR>
<h2 align="left"><span style="color:black;">19.3.08 Reálný výdělek pro všechny!</h2><br>
<br>

<img src="prachy.jpg" align="left" width="250" height="80" alt="popis obrázku"></a>


Najdete v sekci výdělek klikněte na obrázek v Sekcích nalevo.
<br>
<img src="ukazka.jpg" align="center" width="50" height="300" alt="popis obrázku">
<pre><code>


<b>
<pre>
</html>







<pre>


Chcete si vydělat?
</b></code>
</pre>
</div>
</div>

<div class="cleaner">
&nbsp;
</div>

</div>
</div>

<div id="paticka">
<div class="obsah">
<h4>Patička</h4>

</div>
</div>


</html>
</style>

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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