Autor Zpráva
Lemonka
Profil
Problém s novými prvními stránkami http://www.potkanmarvel.wz.cz

V IE vše funguje jak má.
V Opeře se nezobrazují fotky (Miminka, Plánované vrhy) + problém s umístěním Knihou návštěv. Ještě by toplist neměl být tak nalepený pod menu.
V Mozile Firefox je ale největší problém. Nefungují odkazy - menu, toplis a reklama wz leze do textu, copyright není dole ale pod logem na menu. V dalších sekcích, např. Miminka nejsou obrázky a je to rozhozené...:o(
Lemonka
Profil
Tady je css ke stránce http://potkanmarvel.wz.cz/miminka_aktualni.html :

body {
background-color: #ffffff;
margin: 0px;
text-align: center;
font-family: verdana;
font-size: 14px;
color: #000000;
}


#hlavni {
padding : 0px;
margin : auto;
width: 900px;

}


#pozadi {
float: center;
text-align: left;
display: left;
width: 900px;
background-color: #fff5eb;
}



.left {
float: left;
width: 211px;
margin: auto;
background-repeat: no-repeat;
}


#toplist {
width: 88px;
height: 120px;
background-repeat: no-repeat;
float: center;
margin-top: 40px;
margin-left: 61px;
}

.right {
float: right;
width: 689px;
left: 20px;

}

.left1 {
float: left;
position: relative;
width: 290px;
left: 0px;
right: 0px;
overflow: hidden;
background-repeat: no-repeat;
}


.ptl {
padding-left: 20px;
padding-right: 0px;
padding-top: 20px;
font-size: 15px;
line-height: 1.2;
font-family: verdana;
}


.pt1 {
padding-left: 20px;
padding-right: 0px;
font-size: 13px;
text-align: left;
font-family: verdana;
background-repeat: no-repeat;
}


.right1 {
float: right;
margin: auto;
position: relative;
width: 395px;
left: 10px;
text-align: left;
overflow: hidden;
background-repeat: no-repeat;
}

.pt2 {
padding-right: 0px;
padding-left: 20px;
font-size: 14px;
text-align: left;
line-height: 1.8;
font-family: verdana;
background-repeat: no-repeat;
}


#Aidax {
background-image: url(miminka/Vrh A2/Aidax.jpg);
position: relative;
width: 340px;
height: 255px;
left: 0px;
background-repeat: no-repeat;
float: left;
}


#Amis {
background-image: url(miminka/Vrh A2/Amis.jpg);
position: relative;
width: 340px;
height: 255px;
left: 0px;
background-repeat: no-repeat;
float: left;
}


#Archie {
background-image: url(miminka/Vrh A2/Archie.jpg);
position: relative;
width: 340px;
height: 255px;
left: 0px;
background-repeat: no-repeat;
float: left;
}


#Atrey {
background-image: url(miminka/Vrh A2/Atrey.jpg);
position: relative;
width: 340px;
height: 255px;
left: 0px;
background-repeat: no-repeat;
float: left;
}


#Abigail {
background-image: url(miminka/Vrh A2/Abigail.jpg);
position: relative;
width: 340px;
height: 255px;
left: 0px;
background-repeat: no-repeat;
float: left;
}


#Anita {
background-image: url(miminka/Vrh A2/Anita.jpg);
position: relative;
width: 340px;
height: 255px;
left: 0px;
background-repeat: no-repeat;
float: left;
}


#Aphrodita {
background-image: url(miminka/Vrh A2/Aphrodita.jpg);
position: relative;
width: 340px;
height: 255px;
left: 0px;
background-repeat: no-repeat;
float: left;
}


#Aquila {
background-image: url(miminka/Vrh A2/Aquila.jpg);
position: relative;
width: 340px;
height: 255px;
left: 0px;
background-repeat: no-repeat;
float: left;
}

A:link {color: black; text-decoration: none; }

A:visited {color: black; text-decoration: none; }

A:active {color: orange; text-decoration: none; }

A:hover {color: blue; text-decoration: underline; }

#zakonceni {
background-image: url(images/copyright.gif);
position: relative;
width: 900px;
height: 49px;
background-repeat: no-repeat;
float: center;
text-align: center;
}


.zakoncenipad {
padding-top: 12px;
}
Flavius
Profil *
U těch odkazů bych viděl problém třeba v tom, že nejdříve ukončuješ TR a až pak TD. Zbytek jsem nezkoumal.

Na W3C.org existuje takový hezký program jménem HTML Validator. Každá stránka, před tím, než je uveřejněna na netu, by jím měla být (autorem stránky) zkontrolována.

A nelekej se tisíce a jedné chyby... většinou mají nějakou návaznost. Začni od začátku seznamu chyb.
Bubák
Profil
Lemonka, problémy ve Firefofu nemají s validitou nic společného. Je sice dobré mít stránky validní, ale, jak už tu bylo mnohokrát napsáno, skoro vždy za rozdílné zobrazení může rozdílná interpretace CSS.
Kdo nevěří, ať si ve Firefofu vypne styly, stačí na to dvě klepnutí, a odkazy "pojedou".

Nerad to píšu, ale nejlepší by bylo začít úplně znovu, stáhnout nějaký ověřený layout a dát do něj obsah.
http://www.chose.cz/weblog/index.php/moderni-design-s-css-workaround-v ersus-hacky/ - layouty jsou na konci (před diskusí)
http://css.interval.cz/layouty/
Chamurappi
Profil
Reaguji na Flaviuse:
nejdříve ukončuješ TR a až pak TD
To je problém? Koncová značka </td> je volitelná, proto se sama dosadí před </tr> a ta následující je kvůli přebytečnosti ignorována.

Ten „hezký program“, co doporučuješ, najde možná chyby v HTML syntaxi, ale neodhalí nevhodnou stromovou strukturu dokumentu ve spojení s nekvalitním stylopisem. Eliminací otravných hlášek validátoru Lemonka téměř určitě problém nevyřeší.

Reaguji na Lemonku:
Ladit pozicovaný trojrozměrný tabulkový layout si tady asi málokdo troufne. Podobné krkolomnosti (když už musí být) doporučuji zkoušet průběžně ve vícero prohlížečích.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0