Autor Zpráva
Dott
Profil
Zdravím.Mám problém.Kdykoliv zmenším prohlížeč,tak se mi celý text v stránce rozhází všude možně a zmizí mi hlavička...Díky za odpověď.
jenikkozak
Profil
Dodej prosím odkaz na živou ukázku.
okolojdouci
Profil *
Ta stránka je udělaná špatně.
Dott
Profil
omlouvám se,dám sem zdrojový kód css.


html, body {background: #E9E5DC url("pruh.jpg") repeat-x; margin: 0;}

#web {position : relavite;Min-height : auto}

#hlavicka {background: url("hlavicka.jpg") repeat-x; width : 100% ;height: 100%; position: relative;left : 35px;Min-height : auto}

#hlavicka ul, #hlavicka li {margin: 0px auto; padding: 0; display: inline; list-style-type: none; position: relative;left : 18px;margin: 0px auto; padding: 0;Min-height : auto}

#menu a {width: 123px; float: left; text-align: center; font: 12px Arial; text-decoration: none; color: yellow; padding: 25px 0px 25px 0px; position: relative; top: -2px; left: 170px; }
#menu a:hover {background: url("menu bod.jpg") center bottom no-repeat; }
#menu a:link {color: white}
#menu a:visited {color: white}
#menu a:active {color: yellow}
#menu a:hover {color: yellow; text-decoration: none}

.menuT {background: url("menu bod.jpg"); font-size:12px; line-height: 8px; }




a {font-weight: bold; text-decoration: none}


H1 {margin: 0px auto; padding: 0;position: absolute; left: 205px; top: 315px;font-size : 14px;color : white; font-family : Arial}


H2 {margin: 0px auto; padding: 0;position: absolute; left: 445px; top: 315px;font-size : 14px;color : white; font-family : Arial}


H3 {margin: 0px auto; padding: 0;position: absolute; left: 910px; top: 315px;font-size : 14px;color : white; font-family : Arial}


.D {position: absolute; left : 945px; top : 85px; font-size : 11px;font-family : Arial;margin: 0px auto; padding: 0}
.obrazek2 {position: absolute; left : 835px; top : 70px}
.login {position: absolute; left : 835px; top : 200px}
.heslo {position : absolute; left : 835px; top : 230px}
.tlacitko1 {position: absolute; left : 980px; top : 230px}
.login1 {position: absolute; left : 850px; top: 205px;font-size : 11px;color : grey;margin: 0px auto; padding: 0}
.heslo1 {position: absolute; left : 850px; top: 238px;font-size : 11px;color : grey;margin: 0px auto; padding: 0}
.ok {position: absolute; left : 1005px; top : 235px;font-size : 10px;color : white;margin: 0px auto; padding: 0}


.informace {width: 100%;height: 100%;position: absolute;top : 20px;margin: 0px auto; padding: 0 }

.forum {width: 100%;height: 100%;position: absolute;top : 20px;margin: 0px auto; padding: 0 }

.info {width: 100%;height: 100%;position: absolute;top : 20px;margin: 0px auto; padding: 0}

.d1 {position: absolute; left : 195px; top : 350px;font-family : Arial;font-size : 12px;font-weight : bolder;}
.d2 {position: absolute; left : 195px; top : 380px;font-family : Arial;font-size : 12px;}
.d3 {position: absolute; left : 320px; top : 430px;font-family : Arial;font-size : 12px;}

.d4 {position: absolute; left : 195px; top : 480px;font-family : Arial;font-size : 12px;font-weight : bolder;}
.d5 {position: absolute; left : 195px; top : 510px;font-family : Arial;font-size : 12px;}
.d6 {position: absolute; left : 320px; top : 560px;font-family : Arial;font-size : 12px;}

.d7 {position: absolute; left : 195px; top : 610px;font-family : Arial;font-size : 12px;font-weight : bolder;}
.d8 {position: absolute; left : 195px; top : 640px;font-family : Arial;font-size : 12px;}
.d9 {position: absolute; left : 320px; top : 690px;font-family : Arial;font-size : 12px;}

.d10 {position: absolute; left : 195px; top : 740px;font-family : Arial;font-size : 12px;font-weight : bolder;}
.d11 {position: absolute; left : 195px; top : 770px;font-family : Arial;font-size : 12px;}
.d12 {position: absolute; left : 320px; top : 820px;font-family : Arial;font-size : 12px;}

.d13 {position: absolute; left : 500px; top : 660px;}
.d14 {position: absolute; left : 500px; top : 630px;}
.d15 {position: absolute; left : 450px; top : 545px;font-family : Arial;font-size : 15px;font-weight : bolder;}
.d16 {position: absolute; left : 440px; top : 590px;font-family : Arial;font-weight : bolder;font-size : 12px;}
.d17 {position: absolute; left : 440px; top : 660px;font-family : Arial;font-weight : bolder;font-size : 12px;}
.d18 {position: absolute; left : 800px; top : 775px;}
.d19 {position: absolute; left : 450px; top : 350px;font-family : Arial;font-size : 12px;}
.d20 {position: absolute; left : 800px; top : 350px;font-family : Arial;font-size : 12px;}
.d21 {position: absolute; left : 450px; top : 450px;font-family : Arial;font-size : 12px;}
.d22 {position: absolute; left : 800px; top : 450px;font-family : Arial;font-size : 12px;}

.d23 {position: absolute; left : 930px; top : 350px;font-size : 13px;font-family: Arial;font-size : 11px}
.d24 {position: absolute; left : 930px; top : 430px;font-size : 13px;font-family: Arial;font-size : 11px}
.d25 {position: absolute; left : 930px; top : 510px;font-size : 13px;font-family: Arial;font-size : 11px}
.d26 {position: absolute; left : 930px; top : 590px;font-size : 13px;font-family: Arial;font-size : 11px}
.d27 {position: absolute; left : 930px; top : 670px;font-size : 13px;font-family: Arial;font-size : 11px}
.d28 {position: absolute; left : 960px; top : 750px;font-size : 15px;font-family: Arial;font-size : 11px}
.d29 {position: absolute; left : 960px; top : 790px;}

.div30 {position: absolute; left : 25px; top : 950px;}
.div31 {position: absolute; left : 450px; top : 925px;font-size : 10px;}
jenikkozak
Profil
Dott:
Dodej prosím odkaz na živou ukázku.
Dott
Profil
http://jsfiddle.net/rKU6c/1/ obrázky atd tam nepotřebujete ne?
jenikkozak
Profil
Jé, kupodivu hlavička zmizela i bez zmenšení okna prohlížeče.
To, že se ti bloky textu překrývají, je způsobeno tím, že všude používáš nevhodně absolutní pozici.

(Přidej prosím odkaz na živou ukázku.)
okolojdouci
Profil *
Dott:
Přečti si pořádně, proč máš dát odkaz na živou stránku. Koukání do kódu je jen část toho, co je potřeba.
Každopádně chyba toho tvého výtvoru je v absolutním pozicování. Zkus si stáhnout pár css šablon a podívej se, jak se dělá třísloupcový layout.
Dott
Profil
no jo,ale kdybych použil position:relative tak se to rozhází komplet celé víš ....
a tu živou ukázku máš ve zprávě předtím..
jenikkozak
Profil
Dott:
To není živá ukázka.
Nepoužívej ani position:relative, nech tam výchozí hodnotu.
Edit: Doplněn odkaz.
Dott
Profil
a co mám teda použít?
Dott
Profil
no...když tam všude nechám výchozí hodnoty,tak mi to pak nejde zarovnat a pozicovat :/...
jenikkozak
Profil
Bohužel jsi nedodal odkaz na živou ukázku, takže nevíme, co jsi změnil a jak to vypadá.
Pozicovat to nejde, když pozicování nepoužíváš, to je fakt.
Zkus vlastnost float.
Dott
Profil
vždyť " jsFiddle. " je taky žívá stránka -.-' v tom návodu píšou,že to mám sem uploadnout...no to je jedno.Float tam mám...kašlete na to,on mi to šéf vysvětlí....díky no..
_es
Profil
jenikkozak:
Bohužel jsi nedodal odkaz na živou ukázku
Ale dodal, zobraziť jeden rám z tej stránky na celé okno snáď nie je tak ťažké.
Odkaz: http://fiddle.jshell.net/rKU6c/1/show/
jenikkozak
Profil
_es:
Doufám, že jsem ti nestál natolik v cestě, abys mu nemohl poradit lépe. :-)
Dott:
U divu s id „web“ máš zápis position:relavite.
_es
Profil
jenikkozak:
Doufám, že jsem ti nestál natolik v cestě, abys mu nemohl poradit lépe. :-)
Radšej som skúsil poradiť v nedorozumení ohľadom „živej“ ukážky.

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:

0