CSS

Prosim vsa mozte mi poradit mam problem s CSS.

Chcem proste aby mi design webu ostal stale takto :

http://img126.imageshack.us/img126/2525/86822894xv9.jpg


Ale ked tam vlozim dlhsi text tak sa mi to roztaha takto :

http://img150.imageshack.us/img150/241/34734523kw9.jpg

Ako mam pls definovat tie hranice kde sa ma riadok automaticky ukoncit a aby isiel hned do dalsieho riadku?

davaj text do nejakeho divu ktoremu urcis sirku napr 600px. ak presiahne 600px tak ti to zariadkuje

Jj, text daj do tagu <div class="priklad1"> ktorý si nadefinuješ v externom CSS súbore. Poprípade mu môžeš dať atribút display: block; a text-align: justify; . Treba sa s tým len pohrať.

uz z obrazka je jasne, ze div pozicujes alebo nepouzivas float.. ukaz kod.

<style>
<!--
body {
text-align: center;
background: #eaecea;
}
#main {
margin: auto;
}
.head {
width: 655px;
height: 174px;
background: #eaecea url('----\logo.jpg') no-repeat;
}
.stred {
width: 655px;
height: 587px;
background: #eaecea url('C------\centre.jpg') no-repeat;
}
.bottom {
width: 655px;
height: 72px;
background: #eaecea url('-------\bottom.jpg') no-repeat;
}

-->
</style>

preco #main nema pevnu sirku? preco ostatne divy nie su floatovane? typicka chyba.

v tomto som len zaciatocnik helpnes mi stym pls

nie som si zrovna isty,ale nie je to v tom,ze mas nenormalne dlhe "slovo"?:D ako ti ho ma zalomit na dalsi riadok?

no skus mainu nastavit width: 665px

.head, .stred, .bottom pridaj {float:left; clear: both;}

mozno aj hlavnemu divu pridaj float left, pretoze sa teraz nebude natahovat, ale potom ti to hodi dolava, ale aj to sa da riesit.

aj ja si myslím, že podiel na tom hrá aj to slovo, skús tam dať medzeru

www.lipsum.com

dam tam taky text

No ok ten text sme uz spolocnimy silamy vyriesili

Ale mam dalsiu prozbu ako dat toto cez css vedla seba tak aby som to nemusel davat ako jeden obrazok ....
Aby mi to pekne vedla seba zapadlo


http://img206.imageshack.us/img206/6747/nepomenovancq0.jpg

tomu vacsiemu nastav :
float: left;
mensiemu:
float:right;

nastav este aj margin: 0px; padding: 0px;

skus vyuzit margin a float

ide to

Dik za pomoc

Este by som s dacim potreboval pomoct ale dufam ze uz posledny krat.

Potrebval by som nejaky script alebo daco take co spravi toto:

Ked prejdem na odkaz s mysou napr: VSTUPIT . Tak aby sa mi vedla toho zobrazil obrazok, ktory si tam dam ja....

to bude asi lepsie cez js

thx

no este by som potreboval poradit.

Kde robim chybu pls a ako ju mam opravit.


Takto mi stranku ukazuje IE:
http://img258.imageshack.us/img258/6820/nepomenovan1gh9.jpg

a takto mi stranku ukazuje Opera:

http://img258.imageshack.us/img258/9884/nepomenovanic1.jpg




http://www.pdcup.hustej.net/navrh/index2.html[/url]

no, nechci ju vidiet vo Firefoxe

co ma znamenat toto:
<style>
<!--
na zaciatku a konci css ?????

lol, kebyze vidis firefox tak ta asi slahhne... a ty si z pd? wow, som nevedel... aj ja.. no bude rozumne ked ako prwe odstranis to <style>
<!--... inkasiu chybu tma zatial nevidim...

no ale som rad ze aspon tato stranka sa mi zobrazuje vsade rovnako


http://pdcup.hustej.net/navrh/index.html

vyhod odtial tie <style><!--
a malo by to ist....

pozor, mas ich aj na zaciatku, aj na konci

uz som vyhodil a nejde

preco pouzivas absolutne adresy?? ale budiz, ok....
ale kukam ten style.css a mas tam nespocetne vela chyb:
background: url('http:\\pdcup.hustej.net\navrh\obr\logo.jpg')
ma to byt background-image tusim, a hlavne ti chyba strednik/bodkociarka !! ; !!

vsade si ju dopln, viac krat ti tam chyba !! vsetko si skontroluj, ci ju mas vsade

Arno, nebolo by zle, keby si sa doucil zaklady (X)HTML a CSS.
Kvalitna stranka, z ktorej som sa ucil CSS ja:
http://www.w3schools.com/

ak mozem poradit, ja som sa ucil hlavne z jakpsateb.cz a potom som sa viac menej sam ucil pokus-omyl...

www.jakpsatWeb.cz - len som ta opravil