Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

line break tag u css?

[es] :: Web dizajn i CSS :: line break tag u css?

[ Pregleda: 2914 | Odgovora: 15 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.adsl.beocity.net.

Sajt: www.astrosport07.webs.com


+4 Profil

icon line break tag u css?14.12.2011. u 10:07 - pre 112 meseci
Ima li neko kod za line break tag u css? (ono sto je u HTML-u bilo <br>)

Pozdrav,
Goca
 
Odgovor na temu

Stranger2
Stranger2

Član broj: 143429
Poruke: 2572
77.243.20.*

Sajt: www.videomajstor.com


+43 Profil

icon Re: line break tag u css?14.12.2011. u 11:58 - pre 112 meseci
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 <br> 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/
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.adsl.beocity.net.

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: line break tag u css?14.12.2011. u 13:11 - pre 112 meseci
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>


<p>This is some text. This is some text. This is some text. This is some text. This is 

some text. This is some text2</p><p class="clear">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.</p>

</body>
</html>


I dobila sam sledecu sliku:


a meni treba ovako ako je moguce:



znaci, posle text2 novi red ali bez razmaka.
Pozdrav,
Goca
 
Odgovor na temu

Zmaj
Predrag Krstić
web developer
Zrenjanin

Član broj: 1035
Poruke: 382
*.dynamic.sbb.rs.

Sajt: www.zmajevognezdo.com


+4 Profil

icon Re: line break tag u css?14.12.2011. u 13:15 - pre 112 meseci
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.
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.adsl.beocity.net.

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: line break tag u css?14.12.2011. u 15:11 - pre 112 meseci
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>
<p>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</p><p>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.</p>
<p class="razmak2">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 text2</p><p>This is some text. This 

is some text. This is some text. This is some text. This is some text. </p>
</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!
Pozdrav,
Goca
 
Odgovor na temu

Stranger2
Stranger2

Član broj: 143429
Poruke: 2572
77.243.20.*

Sajt: www.videomajstor.com


+43 Profil

icon Re: line break tag u css?17.12.2011. u 13:24 - pre 112 meseci
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:

<p>This is some text. This is some text. This is some text. This is some text. This is 

some text. This is some text2</p><p class="clear">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.</p>

</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 <br>
Pomislio sam da mozda nemas pristup HTML kodu ali posto si mogla da prepravis <p> u <p class="clear"> onda si mogla da stavis i <br> tag. zar ne?

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

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.
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.adsl.beocity.net.

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: line break tag u css?17.12.2011. u 13:37 - pre 112 meseci
Hvala ti na ovom objasnjenju. Znaci u CSS=u moze da se koristi i <br> tag? Ja sam sve ovo pitala jer sam mislila da ne moze.
Pozdrav,
Goca
 
Odgovor na temu

Stranger2
Stranger2

Član broj: 143429
Poruke: 2572
77.243.22.*

Sajt: www.videomajstor.com


+43 Profil

icon Re: line break tag u css?18.12.2011. u 10:14 - pre 112 meseci
Ne moze u CSS-u. Ali si mogla staviti <br>u HTML kod.
Mogla si umesto ovoga:
Code:
<p>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</p><p>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.</p>

Da koristis ovo:

Code:
<p>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<br>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.</p>

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

 
Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz


+2246 Profil

icon Re: line break tag u css?18.12.2011. u 10:32 - pre 112 meseci
Citat:
Stranger2: Da li mozda koristis XHTML pa imas problema sa <br> elementom? Ako je to u pitanju koristi </ br>


Nije </ br> već je <br /> za xhtml.

about:networking
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.adsl.beocity.net.

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: line break tag u css?18.12.2011. u 12:13 - pre 112 meseci
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.
Pozdrav,
Goca
 
Odgovor na temu

Zmaj
Predrag Krstić
web developer
Zrenjanin

Član broj: 1035
Poruke: 382
*.dynamic.sbb.rs.

Sajt: www.zmajevognezdo.com


+4 Profil

icon Re: line break tag u css?18.12.2011. u 19:35 - pre 112 meseci
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...).
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.adsl.beocity.net.

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: line break tag u css?18.12.2011. u 20:33 - pre 112 meseci
Hvala na objasnjenju, sad manje brinem...
Pozdrav,
Goca
 
Odgovor na temu

Stranger2
Stranger2

Član broj: 143429
Poruke: 2572
77.243.22.*

Sajt: www.videomajstor.com


+43 Profil

icon Re: line break tag u css?21.12.2011. u 02:32 - pre 112 meseci
Citat:
Nije </ br> već je <br /> 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)

 
Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz


+2246 Profil

icon Re: line break tag u css?22.12.2011. u 10:43 - pre 111 meseci
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 <br> i <br />, isto je, ispravno oboje. Meni navika zbog xhtml-a ostala da i dalje pišem <br />.

about:networking
 
Odgovor na temu

Stranger2
Stranger2

Član broj: 143429
Poruke: 2572
77.243.22.*

Sajt: www.videomajstor.com


+43 Profil

icon Re: line break tag u css?23.12.2011. u 17:03 - pre 111 meseci
Citat:
Mnogo loša praksa.
Zašto?
 
Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz


+2246 Profil

icon Re: line break tag u css?23.12.2011. u 19:16 - pre 111 meseci
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.
about:networking
 
Odgovor na temu

[es] :: Web dizajn i CSS :: line break tag u css?

[ Pregleda: 2914 | Odgovora: 15 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.