web - obrazky

FrostFire · 2010-09-19 09:01:11

Zdravím,

mám taký menší problém z novým webom, ktorý si práve robím a už neviem čo stým mam robiť... (viac dole)

http://iradei.hys.cz/test1

Ak máte širokouhlý monitor to uvidíte dobre, tak jak to má byť, ak nie uvidíte to viac v strede(bannery,shoutbox,...), alebo tak nejako ....

alebo ešte stačí keď dám lupu(napr. na zmenšenie) tak sa mi to posunie takto : http://iradei.hys.cz/test2/web.jpg
na iných webom sa mi to zväčšuje/zmenšuje všetko normálne nie takto, proste tak jak má byť.

neviete niekto jak to mám spraviť? prípade čo mám zle alebo tak? ...

Dík moc

JF · 2010-09-19 10:20:39

Máš to tak naprogramované, preto sa to zobrazuje tak ako to vidíš.
Na ten shoutbox máš nastavený takto:

height: 155px; # výška v pixloch
width: 297px; # šírka v pixloch
position: absolute; # pozícia označujúca umiestnenie natvrdo od okraja prehliadača
right: 332px; # počet pixlov od pravého okraja prehliadača
top: 237px; # počet pixlov od horného okraja prehliadača
z-index: 20; # označuje hodnotu výpisu, ak na to samé miesto sa dostane z-index:19 a nižší tak sa ním prekryje táto oblasť, ako keď preložíš papier cez papier ;o)

FrostFire · 2010-09-19 10:27:00

a jak to mám spraviť aby to išlo normálne ?

JF · 2010-09-19 11:35:43

Skús to nerobiť cez absolútne pozície.
Keď už to chceš robiť cez div za použitia css, urob si hlavný kontajner stránky a do neho rob ďalšie časti ako header, stĺpce atď. Na internete je toho naozaj dosť, nemôžem ti to sem celé napísať, lebo chcem aby si sa to naučil. Rád ťa nasmerujem na správnu cestu, ale určitú časť musíš urobiť sám. Dám ti sem malý príklad:

<html>
<head>
<title>Moja stranka</title>
# prípadné meta tagy
</head>
<body>
<div id="body">
<div id="header"></div>
<div id="left"></div>
<div id="content"></div>
<div id="right"></div>
<div id="footer"></div>
</div>
</body>
</html>

- ak to správne naštyluješ tak sa to zobrazí takto:

--------------------------
|         header         |
--------------------------
| left | content | right |
--------------------------
|         footer         |
--------------------------

FrostFire · 2010-09-19 11:37:28

ok díky.

#1 2010-09-19 09:01:11

Re: web - obrazky

#2 2010-09-19 10:20:39

Re: web - obrazky

#3 2010-09-19 10:27:00

Re: web - obrazky

#4 2010-09-19 11:35:43

Re: web - obrazky

#5 2010-09-19 11:37:28

Re: web - obrazky

Zápatí