|
(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
10. 12. 2009. | #1 |
Knowledge base
Wrote a book
Datum učlanjenja: 16.06.2005
Lokacija: Novi Sad
Poruke: 1.437
Hvala: 37
131 "Hvala" u 82 poruka
|
Tekst sa linijama do desne ivice paragrafa
Da li je izvodljivo sa cistim CSS napraviti da tekst unutar paragrafa sadrzi linije koje se protezu do desne ivice paragrafa, nevezano za duzinu teksta?
Pogledajte primer, tu je izvedeno koristeci background image koji ima height kao i sam tekst (20px sa razmakom), sa ponavljanjem. Problem se javlja kad korisnik poveca ili smanji velicinu fonta u browseru, tad tekst prelazi preko linija. Da li neko ima ideju kako to da se resi na drugi nacin? Hvala
__________________
Năo quero mais seguir um só caminho |
10. 12. 2009. | #2 |
Bojan Abramovic
Professional
Datum učlanjenja: 16.01.2008
Lokacija: Novi Sad
Poruke: 232
Hvala: 30
47 "Hvala" u 30 poruka
|
Stavi svaki <p> unutar div-a, a na div border-bottom.
HTML kôd:
<style type="text/css"> .underline { border-bottom: 1px solid gray; overflow: auto} </style> <div class="underline"><p>1. nesto</p></div> |
10. 12. 2009. | #3 |
Miljenko Rebernišak
Qualified
Datum učlanjenja: 05.03.2009
Lokacija: Jagodina-Beograd
Poruke: 191
Hvala: 4
25 "Hvala" u 22 poruka
|
Mozes postaviti pozadinskom div-u sivu boju,a onda <li> elementima belu pozadinu i razmak ispod elementa 1px.
|
10. 12. 2009. | #4 |
Knowledge base
Wrote a book
Datum učlanjenja: 16.06.2005
Lokacija: Novi Sad
Poruke: 1.437
Hvala: 37
131 "Hvala" u 82 poruka
|
Mislim da nijedan od resenja gore ne moze, jer prvo resenje ne radi kod duzih recenica, koje se prelamaju u sledeci red (tad bi samo zadnja prelomljena recenica imala underline). A drugo resenje je jednostavno neprakticno, imacu stranu sa poduzim tekstom, koliko bi tek tu trebalo <li> elemenata?
__________________
Năo quero mais seguir um só caminho |
10. 12. 2009. | #5 |
Bojan Abramovic
Professional
Datum učlanjenja: 16.01.2008
Lokacija: Novi Sad
Poruke: 232
Hvala: 30
47 "Hvala" u 30 poruka
|
Gresis.
Radi to i sa div-ovima a moze i sa UL LI. HTML kôd:
<style type="text/css"> .underline li { border-bottom: 1px solid gray } </style> <ul class="underline"> <li>1. tekst neki.</li> <li>2. tekst neki II.</li> </ul> |
10. 12. 2009. | #6 |
Bojan Abramovic
Professional
Datum učlanjenja: 16.01.2008
Lokacija: Novi Sad
Poruke: 232
Hvala: 30
47 "Hvala" u 30 poruka
|
Sem ako nesto nisam dobro razumeo.
|
10. 12. 2009. | #7 |
Knowledge base
Wrote a book
Datum učlanjenja: 16.06.2005
Lokacija: Novi Sad
Poruke: 1.437
Hvala: 37
131 "Hvala" u 82 poruka
|
Probao sam obe varijante, i u obema postoji problem sa prelomljenim recenicama.
Pogledajte attachment.
__________________
Năo quero mais seguir um só caminho |
10. 12. 2009. | #8 |
Bojan Abramovic
Professional
Datum učlanjenja: 16.01.2008
Lokacija: Novi Sad
Poruke: 232
Hvala: 30
47 "Hvala" u 30 poruka
|
Zelis liniju ispod svakog reda teksta?
U tom slucaju resenje je jednostavan "background image" sa linijama koji se ponavlja po odredjenim osama ili samo po jednoj. |
10. 12. 2009. | #9 |
Knowledge base
Wrote a book
Datum učlanjenja: 16.06.2005
Lokacija: Novi Sad
Poruke: 1.437
Hvala: 37
131 "Hvala" u 82 poruka
|
@bokice, tako je vec i uradjeno
Problem nastaje kad korisnik u browseru poveca ili smanji velicinu texta.
__________________
Năo quero mais seguir um só caminho |
10. 12. 2009. | #10 |
Bojan Abramovic
Professional
Datum učlanjenja: 16.01.2008
Lokacija: Novi Sad
Poruke: 232
Hvala: 30
47 "Hvala" u 30 poruka
|
Sad videh da si to i napisao u prvom postu.
Radim nesto a mozak odsutan. |
|
|
Slične teme | ||||
Tema | Početna poruka teme | Forum | Odgovori | Poslednja poruka |
Dobar tekst o freelancu u Srbiji... | torbica | e-Business | 7 | 19. 07. 2010. 03:57 |
Pozicioniranje slike u odnosu na tekst | mb_sa | (X)HTML, JavaScript, DHTML, XML, CSS | 13 | 14. 03. 2010. 23:28 |
Koji tekst editor koristite i zašto? | Milos Vukotic | Opušteno | 133 | 04. 06. 2009. 00:27 |
Iskrzane ivice, PhotoShop | Ivan | Web design, Layout, User Interface | 9 | 26. 01. 2008. 20:11 |