line break tag u css?

[ fensi88 @ 14.12.2011. 10:07 ] @

Ima li neko kod za line break tag u css? (ono sto je u HTML-u bilo )

[ Stranger2 @ 14.12.2011. 11:58 ] @

Kada je za neki HTML eleemant podesen CSS property:

Code:
clear: both

Dobijes line brak pre i posle elementa. Rezultat je isti kao da je pre i posle tog elementa.

Da bi malo bolje ovo shvatio, prouci sve kombinacije CSS propertija: display, float i clear.
http://www.w3schools.com/cssref/

[ fensi88 @ 14.12.2011. 13:11 ] @

Hvala na odgovoru, ali nismo se bas najbolje razumeli ili mi fali jos neki kod :-(.
Uradila sam prema tvom uputstvu sledeci kod:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<style type="text/css">
html, body
{
background-color:gray;
text-align: justify;
scrollbar-arrow-color:#ffffff;
 scrollbar-track-color:#bebebe;
 scrollbar-shadow-color:#000000;
 scrollbar-face-color:#848983;
 scrollbar-highlight-color:#ffffff;
 scrollbar-darkshadow-color:#2f4f4f;
 scrollbar-3dlight-color:#000000;
}
p
{
font-family: sans-serif;color:#000033;
font-size:16px;font-weight: bold
}
p.clear
{
clear: both;
}
</style>
</head>
<body>

This is some text. This is some text. This is some text. This is some text. This is

some text. This is some text2This is also some text. This is also some text.

This is also some text. This is also some text. This is also some text. This is also some

text.

</body>
</html>

I dobila sam sledecu sliku:

a meni treba ovako ako je moguce:

znaci, posle text2 novi red ali bez razmaka.

[ Zmaj @ 14.12.2011. 13:15 ] @

pa onda ti ne treba p.clear nego na taj p tag stavi da je margin:0;

Code:
p {
font:bold 16px sans-serif;
color:#000033;
margin:0;
}

incae losa praksa je stavljati stilove na tagove direktno, zato treba da se koriste klase i preko klasa da se stilizuje. Takodje koristi neki reset css, ovo farbanje scrollbarova ne podrzavaju svi browseri tako da ne vidim svrhu za tim ako ce ti u pola browsera sajt izgledati na jedan nacin, a u pola na drugi.

[ fensi88 @ 14.12.2011. 15:11 ] @

Super! Hvala puno! Ovo sam pitala da bih imala line break unutar jednog paragrafa, a da bih imala razmak medju paragrafima napravila sam klasu "razmak 2" i konacno dobila ono sto zelim:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<style type="text/css">
html, body
{
background-color:gray;
text-align: justify;
scrollbar-arrow-color:#ffffff;
 scrollbar-track-color:#bebebe;
 scrollbar-shadow-color:#000000;
 scrollbar-face-color:#848983;
 scrollbar-highlight-color:#ffffff;
 scrollbar-darkshadow-color:#2f4f4f;
 scrollbar-3dlight-color:#000000;
}
p
{
font-family: sans-serif;color:#000033;
font-size:16px;font-weight: bold;margin:0;
}
.razmak2
{
margin-top:20px;
}
</style>
</head>
<body>
Prvi paragraf. This is some text. This is some text. This is some text. This is some

text. This is some text. This is some text2This is also some text. This is also

some text. This is also some text. This is also some text. This is also some text. This is

also some text.
2 paragraf:This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text2This is some text. This

is some text. This is some text. This is some text. This is some text. 
</body>
</html>

A to izgleda ovako:

Sto se tice ovog skrola u boji, to mi se mnogo svidja, to necu da diram, nek uzivaju makar oni koji koriste IE!

[ Stranger2 @ 17.12.2011. 13:24 ] @

Tebe je zaparvo mucilo sledece:
Za P elemente kojima uopste nisu definisane margine, browseri po defaultu podrazumevaju da je top-margin i bottom-margin (otprilike) 10ak pixela radi toga da bi paragraf izgledao kao paragraf.

Citat:

Takodje koristi neki reset css

To znaci da u CSS kodu postavis defaultne vrednosti za elemente bez klase. Na primer ako hoces da P element nema margine:

Code:
p {margin:0px;}

A onda kasnije za svaku klasu paragrafa da definises koje hoces margine...

Citat:

Code:

This is some text. This is some text. This is some text. This is some text. This is

some text. This is some text2This is also some text. This is also some text.

This is also some text. This is also some text. This is also some text. This is also some

text.

</body>
</html>

I dobila sam sledecu sliku:

a meni treba ovako ako je moguce:

znaci, posle text2 novi red ali bez razmaka.

Zbunjuje me, zbog cega ti ovo treba?! Sustina paragrafa (P) elementa je da bude neki razmak. Tu gde neces razmak se ne koristi novi paragraf vec samo 
Pomislio sam da mozda nemas pristup HTML kodu ali posto si mogla da prepravis u onda si mogla da stavis i tag. zar ne?

Da li mozda koristis XHTML pa imas problema sa elementom? Ako je to u pitanju koristi 

Da li mozda koristis editor koji svaki put kada pritisnes "enter" napravi novi paragraf? Ako je to u pitanju, podesi ga da ne pravi novi paragraf, ili koristi nek idrugi editor.

[ fensi88 @ 17.12.2011. 13:37 ] @

Hvala ti na ovom objasnjenju. Znaci u CSS=u moze da se koristi i tag? Ja sam sve ovo pitala jer sam mislila da ne moze.

[ Stranger2 @ 18.12.2011. 10:14 ] @

Ne moze u CSS-u. Ali si mogla staviti u HTML kod.
Mogla si umesto ovoga:

Code:
Prvi paragraf. This is some text. This is some text. This is some text. This is some

text. This is some text. This is some text2This is also some text. This is also

some text. This is also some text. This is also some text. This is also some text. This is

also some text.

Da koristis ovo:

Code:
Prvi paragraf. This is some text. This is some text. This is some text. This is some

text. This is some text. This is some text2 This is also some text. This is also

some text. This is also some text. This is also some text. This is also some text. This is

also some text.

I ne bi ti trebae nikakve klase ni nikakav CSS kod za to.

[ plus_minus @ 18.12.2011. 10:32 ] @

Citat:

Stranger2: Da li mozda koristis XHTML pa imas problema sa elementom? Ako je to u pitanju koristi

Nije  već je   za xhtml.

[ fensi88 @ 18.12.2011. 12:13 ] @

Hvala vam na odgovorima, sto se tice html=a to znam, ali mi svi govore kako je to zastareo kod i da treba da predjem na nesto novo.

[ Zmaj @ 18.12.2011. 19:35 ] @

HTML nije zastareo, niti ce skoro biti i ne postoji nista novo.

Ono sto je "novo", vec vise od 10 godina, je CSS koji sluzi da se stilizuje dokument (boje, fontovi, margine...), a to nema veze sa formatiranjem dokumenta tj. sa HTML strukturom dokumenta (naslovi, paragrafi, liste, linkovi...).

[ fensi88 @ 18.12.2011. 20:33 ] @

Hvala na objasnjenju, sad manje brinem...

[ Stranger2 @ 21.12.2011. 02:32 ] @

Citat:

Nije već je za xhtml.

Ups!
Hvala za ispravku. Ma ja nikad to ni ne kucam rucno. Podesen mi je editor da to stvalja BR kada pritisnem Enter. (Inace ne volim XHTML)

[ plus_minus @ 22.12.2011. 10:43 ] @

Nema na čemu.

Citat:

Podesen mi je editor da to stvalja BR kada pritisnem Enter.

Mnogo loša praksa. Ako već voliš da dobijaš break automatski, onda podesi editor da to radi na Shift+Enter, recimo.
Btw, u html5 se može koristiti i i , isto je, ispravno oboje. Meni navika zbog xhtml-a ostala da i dalje pišem .

[ Stranger2 @ 23.12.2011. 17:03 ] @

Citat:

Mnogo loša praksa.

Zašto?

[ plus_minus @ 23.12.2011. 19:16 ] @

Zato što ćeš ponekad recimo, nalepiti tekst iz Worda u tagu za paragraf i onda krenuti tako da ga sređuješ. Više puta ćeš trebati da udaraš enter dok ne dovedeš tekst u reč razmak veznik razmak, itd. I ima još mnogo zašto. Kada koristiš en layout, sve ti je na dohvat prstiju, tačno tu gde treba. ;) Jednostavno, mnogo brže ide kuckanje kada break upišeš jednom, (na kraju) kopiraš to i 'paste' svugde gde treba. Samo ti se čini da je to 'olakšavajuća' okolnost.