html kod rozdelenie stranky

asterix3691

Cavte . Potreboval by som nejaky html kod pre rozdelenie stranky a tam budem davat nieco ako navigaciu . Takze ideme mate stranku v html hlavnu stranku t.j. index.html . Ten index.html by som potreboval rozdelit dajme tomu lavu stranu 30 % a zvysnych 70 % by bolo pre obsah index.html . Dakujem

maros7777

ked nevies toto spravit tak ako chces spravit stranku???

takze napr.

<div style id="main">
<div class="left"></div>
<div class="right"></div>
</div>

v cssku:

#main {
width: 1000px;
}

#main .left {
width: 300px;
}

#main .right {
width: 700px;
}

nechcem ťa podceňovať, no ideš do neho skákať že to nevie, a ty to tiež zle spravíš. Prečo tam dávaš 1000px? Aby mi dávalo horizontálny scrollbar keď mám menšie rozlíšenie? Namiesto px dávaj percentá, čiže main bude mať width:100%, left bude width:30% a right bude mať width:70%

maros7777

hmm no neviem. kto ma mensie rozlisenie ako 1024px??? malokto. v praci robime vsetky stranky na 1000px. % vacsinou nevyuzivame, nikdy ich nevyuzivame na zakladny layout. hlavny div ma vzdy sirku 1000px, cely dizajn je robeny na 1000px. nehovorim, ze to je najlepsie riesenie, ale percenta??? to je hlupost, tak sa stranky uz nerobia

maros7777 napísal:hmm no neviem. kto ma mensie rozlisenie ako 1024px???

Ktokoľvek s mobilným telefónom.

maros7777 napísal:to je hlupost, tak sa stranky uz nerobia

A robí ešte niekto stránky tak, že zadáva presné hodnoty v bodoch? Tiež som si myslel, že už nikto takým spôsobom stránky nerobí.

(minimálne preto, že nemôžeš vedieť, akú veľkosť písma používateľ preferuje a teda tam môže mať príliš veľa/málo znakov na riadok).

môžeš sem dať link na firmu pre ktorú robíš? Rád by som si pozrel ich referencie

eMPiko

Pouzivaju sa aj fixne aj premenlive. Kazda ma svoje vyhody, ja osobne preferujem fixne so zakladnym divom 800px a menej.

JanJanuska

maros7777 napísal:ked nevies toto spravit tak ako chces spravit stranku???

Nemyslím, že autor sa chce nejako aktívne venovať tvorbe web stránok, len rýchlo hľadá funkčné riešenie.
Ak sa mýlim, pravdepodobne by bolo lepšie, keby začal štúdiom od začiatku a vyhol sa mnohým chybám.

Ale tak či tak si nezaslúži, aby sa do neho niekto navážal, každý raz začínal, dokonca aj ty.

To, že tvoje riešenie nebude fungovať je druhá vec...

Kód: Vybrať všetko

<div style id="main">

style bez priradenej hodnoty sa tam asi zakotúľal, no toto "bastlenie" kódu by snáď ešte prehliadače pochopili.

V konečnom dôsledku bude mať výsledná stránka dva riadky, jeden 300 pixelový a druhý 700px dlhý.

Použitie fixnej šírky môže byť lepšie pre jeden web, percentuálne rozdelenie pre iný.
Je pravda, že monitorov s menšou šírkou ako 1024px je minimum, no pri webe dlhom 1000px sa zobrazí horizontálny scrollbar aj pri šírke 1024px

S použitím obtekania (float) to už pôjde:
štýly:

Kód: Vybrať všetko

#main {
   width: 960px;   
}

.left {
   width: 30%;
   float:left;
}

.right {
   width: 70%;
   float:left;
}

html:

Kód: Vybrať všetko

<div id="main">
   <div class="left"></div>
   <div class="right"></div>
</div>

A ešte na ukončenie obtekania, aby sa nižšie časti nezdeformovali sa môže pridať napr.:

Kód: Vybrať všetko

<div style="clear:both;"></div>

maros7777

to style tam samozrejme nemalo byt. neviem ako sa to tam dostalo

do nikoho som sa nenavazal...
preferencie dat nemozem (cez pm kludne, ale pisat to sem nebudem)

preco som to napisal, tak ako som to napisal. dostanem *.psd, kde je nakreslena stranka. logo ma napr. tych 1000 px. samozrejme cela stranka potom musi mat 1000px. ako inak by ste to chceli riesit?

edit:
a pri sirke 1024 sa nezobrazi horizontalny schrollbar, ak tam nemas ziadne paddingy, ktore by to natahovali

JanJanuska

maros7777 napísal:... a pri sirke 1024 sa nezobrazi horizontalny schrollbar, ak tam nemas ziadne paddingy, ktore by to natahovali

To je pravda, ale len dovtedy, kým dĺžka stránky nepresiahne rozlíšenie monitora, resp. kým sa nezobrazí vertikálny scrollbar.

maros7777

hadat sa nechcem, a skusat sa mi to momentalne tiez nechce (mozno neskor). ale schrollbar moze mat tak do 10px, takze este stale by sa to malo zmestit

mattus

Vidím že sa tu rozbehla búrliva diskusia

chcem sa len opýtať či takéto riešenie odporúčate, alebo nie (a prečo)

Kód: Vybrať všetko

<table width="100%" border="0">
  <tr>
    <td width="70%"></td>
    <td width="30%"></td>
  </tr>
</table>

som viac zvyknutý použivať tabuľky ako <div>

Ďakujem za odpovede

JanJanuska

maros7777 napísal:hadat sa nechcem, a skusat sa mi to momentalne tiez nechce (mozno neskor). ale schrollbar moze mat tak do 10px, takze este stale by sa to malo zmestit

No, skúsil som to a... pravda je niekde uprostred

.
Najskôr som to testoval len v okne 1024*768, tam sa scrollbar zobrazil vždy, no bolo to aj kvôli tomu, že sa zobrazili okraje prehliadačov, ktoré priestor zmenšili. No pri rozlíšení monitora 1024*768 sa scrollbar nezobrazil vo FireFoxe ani Opere. V IE sa zobrazil.

mattus napísal:Vidím že sa tu rozbehla búrliva diskusia chcem sa len opýtať či takéto riešenie odporúčate, alebo nie (a prečo)
Kód: Vybrať všetko
<table width="100%" border="0">
  <tr>
    <td width="70%"></td>
    <td width="30%"></td>
  </tr>
</table>
som viac zvyknutý použivať tabuľky ako <div>

Ďakujem za odpovede

Nie, pretože...
Tag table je primárne určený pre vytváranie tabuliek, nie dizajnu.
Div vs. table tu (na hojku) už bolo niekoľko krát spomínané, no v skratke:
Tabuľkový kód je obsiahlejší, neprehľadnejší, horšie sa v ňom robia úpravy. Môže robiť problémy pri načítaní stránky (čaká sa dovtedy, kým sa nenačíta celá tabuľka, až potom sa zobrazí).
Často robí problémy užívateľom používajúcim čítačky obrazu a podobne...