Autor Zpráva
arcadosi
Profil
No no no, uz ste naurazali moje tabulky dost, tak robim DIVovsky layout, ale mensi problem, ktory som este nevyriesil a skusal som uz dost vela veci a neviem tomu prist na koren:
1. <a href="http://www.swad.webzdarma.cz/problem/IE.jpg">IE</a>
2. <a href="http://www.swad.webzdarma.cz/problem/INE.jpg">INE</a>
Co mam spravit aby to zobrazilo rovnako?
tu mate aj samotny html aj CSS:
HTML:
<body>
<div style="text-align:center;"> <!-- Vycentrovanie /-->
<div class="vrch"></div> <!-- Vrchny design /-->
<div class="stred"> <!-- Obsah /-->
<div class="logo_menu"> <!-- Logo+menu /-->
<div class="menu_menu"> <!-- Menu /-->
<a href="index.htm" target="_self"><img src="buttons/main_on.jpg" width="75" height="30" border="0" onMouseOver="this.src='buttons/main_off.jpg'" onMouseOut="this.src='buttons/main_on.jpg'" alt=""></a>
<a href="autor.htm" target="_self"><img src="buttons/autor_on.jpg" width="75" height="30" border="0" onMouseOver="this.src='buttons/autor_off.jpg'" onMouseOut="this.src='buttons/autor_on.jpg'" alt=""></a>
<a href="guestbook.htm" target="_self"><img src="buttons/guestbook_on.jpg" width="75" height="30" border="0" onMouseOver="this.src='buttons/guestbook_off.jpg'" onMouseOut="this.src='buttons/guestbook_on.jpg'" alt=""></a>
<a href="ankety.htm" target="_self"><img src="buttons/ankety_on.jpg" width="75" height="30" border="0" onMouseOver="this.src='buttons/ankety_off.jpg'" onMouseOut="this.src='buttons/ankety_on.jpg'" alt=""></a>
<a href="reklama.htm" target="_self"><img src="buttons/reklama_on.jpg" width="75" height="30" border="0" onMouseOver="this.src='buttons/reklama_off.jpg'" onMouseOut="this.src='buttons/reklama_on.jpg'" alt=""></a>
</div> <!-- !Menu /-->
</div> <!-- !Logo+menu /-->
<div class="obsah_1"></div>
<div class="obsah_2"> <!-- Obsah stranky /-->
<span>Pismenkovanie ?:))</span>
</div> <!-- !Obsah stranky /-->
<div class="obsah_3"></div>
</div> <!-- !Obsah /-->
<div class="spod"></div> <!-- !Vrchny design /-->
</div> <!-- !Vycentrovanie /-->
</body>

a tu CSS:
body {
background-color: #333333;
color: #222222;
text-align:center;
}
h1 {
color:#990000;
border-top: 1px solid #333333;
font-size:16px;}
a:link {
color: #990000;
text-decoration: none;}
a:visited {
color: #990000;
text-decoration: none;}
a:hover {
color: #990000;
text-decoration: none;}
a:active {
color: #990000;
text-decoration: none;}
.vrch {
background-image:url(images/new/vrch.jpg);
background-repeat:no-repeat;
width:800px;
height:43px;
margin:auto;}
.stred {
background-image:url(images/new/stred.jpg);
background-repeat:repeat-y;
width:800px;
margin:auto;
text-align:center;}
.spod {
background-image:url(images/new/spod.jpg);
background-repeat:no-repeat;
width:800px;
height:43px;
margin:auto;}
.logo_menu {
background-image:url(images/new/logo_menu.jpg);
background-repeat:no-repeat;
width:737px;
height:200px;
margin:auto;
text-align:center;}
.menu_menu {
position:relative;
top:166px;
left:100px;
background-color:#000000;
width:395px;
height:30px;
margin:auto;
z-index: 1;
}
.obsah_1 {
background-image:url(images/new/obsah/obsah_01.jpg);
background-repeat:no-repeat;
width:720px;
height:11px;
margin:auto;}
.obsah_2 {
background-image:url(images/new/obsah/obsah_02.jpg);
background-repeat:repeat-y;
width:720px;
margin:auto;
text-align:center;}
.obsah_3 {
background-image:url(images/new/obsah/obsah_03.jpg);
background-repeat:no-repeat;
width:720px;
height:19px;
margin:auto;}
arcadosi
Profil
1. <a href="http://www.swad.webzdarma.cz/problem/IE.jpg">IE</a>
2. <a href="http://www.swad.webzdarma.cz/problem/INE.jpg">INE</a>
ach, som myslel, ze to inak zobrazi :)
ale linky platia:
1. http://www.swad.webzdarma.cz/problem/IE.jpg
2. http://www.swad.webzdarma.cz/problem/INE.jpg
peta
Profil *
arcadosi
www.jakpsatweb.cz CSS line-height:10px; IE uvazuje minimalni vysku divu podle velikosti pisma, ikdyz nema zadny obsah.

Hele, na divy kasli, pokud by ti to melo zpusobovat problemy. Vim, ze to tu lidi dost prosazuji, ale uz nedaji presny navod, co vse se musi u pozicovani nebo floatovani dodrzet, aby to bylo spravne. Pak se ti stane, ze se ti ztraci text, mas tam odskoceny ramecek v tvem pripade a spol.

Konkretne, kdyz vidim ty obrazky, tak premyslim, kolik ms mi bude trvat kliknout na normalni stranku :)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0