Kako elegantno poravnati?

Pedja · 11. 04. 2006.

Kôd:

<html>
<body>
<table>
<tr>
<td>polje1</td>
<td>polje2</td>
<td>polje3</td>
<td>polje4</td>
<td>polje5</td>
</tr>
</table>
<p>asdfghijk</p>
</body>
</html>

Kako elegantno CSS-om poravnati <p> sa tabelom po desnoj ivici tabele? Tabela nema zadatu sirinu, a ona se menja zavisno od sadrzaja.

Ilija Studen · 11. 04. 2006.

1. Dodaj još jedan red na dno tabele i u njega smesti paragref.
2. I tabelu i paragraf strpaj u blok koji se širi u skladu sa sadržajem.

U žurbi sam pa ne mogu da probam i da tim konkretan kod ali ovo bi trebalo da odradi posao. U krajnjem slučaju, blog pod 2 može biti tabela.

noviKorisnik · 11. 04. 2006.

Kôd:

body {text-align: right;}}

Šalim se :-) Nemam pojma šta tačno dopuštaš u ovom slučaju, možeš da skriptuješ ali to ne želiš, možda sme da se menja html?

Pedja · 11. 04. 2006.

Ma znam ja da je ovo sa tabelama macji kasalj.

Stos je sto pokusavam samo sa CSS da resim ovu vrstu poravnanja. To je jedan od onih slucajeva kada izgubis mnogo vremena da napravis nesto u CSS-u, iako bi tabelom zavrsio za 10 sekundi.

Probao sam i da i tabelu i paragraf stavim u DIV ali se taj DIV prosiri na celu stranu i tako opet P bude poravnat skroz uz desnu ivicu prozora umesto uz desnu ivicu tabele.

Posle toga sam i ostavio poruku ovde, da vidim, gde su ti majstori za CSS

Skriptovanje ne dolazi u obzir. Samo CSS.

Dragan Babić · 11. 04. 2006.

Ja bih ti pomogao ali ne kapiram šta treba postići.

Ako je u pitanju da tabela bude jedna (kvazi) kolona, a paragraf druga, onda bih ti savetovao floatovanje. Čak i sa pozicioniranjem možeš ovo rešiti, mada bih ja išao na float rešenje, ako je ovo uopšte u pitanju.

Pedja · 11. 04. 2006.

Ma prosto je. <p> ide ispod tabele, ali treba da bude poravnat svojom desnom ivicom uz desnu ivicu tabele.

Kôd:

=================================
     |            |            |             
---------------------------------
     |            |            |             
---------------------------------
     |            |            |             
---------------------------------
     |            |            |             
=================================
                   ovde ide tekst

andrej · 11. 04. 2006.

Jesi probao da stavis sve zajedno u <div> i za <p> text-align:right; ?!

Dragan Babić · 11. 04. 2006.

Kôd:

<html>
<body>
<div id="nesto">
<table>
<tr>
<td>polje1</td>
<td>polje2</td>
<td>polje3</td>
<td>polje4</td>
<td>polje5</td>
</tr>
</table>
<p id="nesto-pasus">asdfghijk</p>
</div>
</body>
</html>

i onda za css na primer ovako:

Kôd:

#nesto #nesto-pasus{
  text-align:right;
}

ili samo:

Kôd:

#nesto-pasus{
  text-align:right;
}

Sve zavisi kada ti treba.

Samo verovatno postoji i optimalnije rešenje, ali ne znam u kom kontekstu ti treba ovo, možda je bolje da se p floatuje udesno ili tako nešto... Pojma nemam.

Pedja · 11. 04. 2006.

Stavio sam <P> u CAPTION tabele i tad se nekako slozilo...

noviKorisnik · 11. 04. 2006.

Bravo. Baš ti to 'tedoh reći ;-)

11. 04. 2006.	#1
Pedja Predrag Supurović Grand Master Datum učlanjenja: 24.01.2006 Lokacija: Užice Poruke: 791 Hvala: 3 200 "Hvala" u 12 poruka	Kako elegantno poravnati? Kôd: <html> <body> <table> <tr> <td>polje1</td> <td>polje2</td> <td>polje3</td> <td>polje4</td> <td>polje5</td> </tr> </table> <p>asdfghijk</p> </body> </html> Kako elegantno CSS-om poravnati <p> sa tabelom po desnoj ivici tabele? Tabela nema zadatu sirinu, a ona se menja zavisno od sadrzaja. __________________ Peđina beležnica (blog) - www.uzice.net - wireless.uzice.net - www.vokabular.org - www.vodic.net - forum.uzice.net

11. 04. 2006.	#2
Ilija Studen Direktor Kombinata Invented the damn thing Datum učlanjenja: 07.06.2005 Poruke: 2.669 Hvala: 44 119 "Hvala" u 64 poruka	1. Dodaj još jedan red na dno tabele i u njega smesti paragref. 2. I tabelu i paragraf strpaj u blok koji se širi u skladu sa sadržajem. U žurbi sam pa ne mogu da probam i da tim konkretan kod ali ovo bi trebalo da odradi posao. U krajnjem slučaju, blog pod 2 može biti tabela. __________________ activeCollab - Project Management and Collaboration Tool iz domaće kuhinje \| area51.rs - Blog

11. 04. 2006.	#3
noviKorisnik Dejan Katašić Wrote a book Datum učlanjenja: 10.06.2005 Lokacija: Novi Sad Poruke: 1.017 Hvala: 129 86 "Hvala" u 43 poruka	Kôd: body {text-align: right;}} Šalim se :-) Nemam pojma šta tačno dopuštaš u ovom slučaju, možeš da skriptuješ ali to ne želiš, možda sme da se menja html? __________________ novikorisnik.net_BoxUp Blog maternji_Monty Hall paradoks - interaktivni demo

11. 04. 2006.	#4
Pedja Predrag Supurović Grand Master Datum učlanjenja: 24.01.2006 Lokacija: Užice Poruke: 791 Hvala: 3 200 "Hvala" u 12 poruka	Ma znam ja da je ovo sa tabelama macji kasalj. Stos je sto pokusavam samo sa CSS da resim ovu vrstu poravnanja. To je jedan od onih slucajeva kada izgubis mnogo vremena da napravis nesto u CSS-u, iako bi tabelom zavrsio za 10 sekundi. Probao sam i da i tabelu i paragraf stavim u DIV ali se taj DIV prosiri na celu stranu i tako opet P bude poravnat skroz uz desnu ivicu prozora umesto uz desnu ivicu tabele. Posle toga sam i ostavio poruku ovde, da vidim, gde su ti majstori za CSS Skriptovanje ne dolazi u obzir. Samo CSS. __________________ Peđina beležnica (blog) - www.uzice.net - wireless.uzice.net - www.vokabular.org - www.vodic.net - forum.uzice.net

11. 04. 2006.	#5
Dragan Babić Designer guy Wrote a book Datum učlanjenja: 06.06.2005 Lokacija: Novi Sad Poruke: 1.373 Hvala: 55 42 "Hvala" u 22 poruka	Ja bih ti pomogao ali ne kapiram šta treba postići. Ako je u pitanju da tabela bude jedna (kvazi) kolona, a paragraf druga, onda bih ti savetovao floatovanje. Čak i sa pozicioniranjem možeš ovo rešiti, mada bih ja išao na float rešenje, ako je ovo uopšte u pitanju. __________________ Plakatt — objavi, razglasi i saznaj za događaje DnevnikEklektika.com \| Sprawsm

11. 04. 2006.	#7
andrej profesionalac Qualified Datum učlanjenja: 05.06.2005 Lokacija: Beograd Poruke: 131 Hvala: 2 7 "Hvala" u 4 poruka	Jesi probao da stavis sve zajedno u <div> i za <p> text-align:right; ?!

11. 04. 2006.	#8
Dragan Babić Designer guy Wrote a book Datum učlanjenja: 06.06.2005 Lokacija: Novi Sad Poruke: 1.373 Hvala: 55 42 "Hvala" u 22 poruka	Kôd: <html> <body> <div id="nesto"> <table> <tr> <td>polje1</td> <td>polje2</td> <td>polje3</td> <td>polje4</td> <td>polje5</td> </tr> </table> <p id="nesto-pasus">asdfghijk</p> </div> </body> </html> i onda za css na primer ovako: Kôd: #nesto #nesto-pasus{ text-align:right; } ili samo: Kôd: #nesto-pasus{ text-align:right; } Sve zavisi kada ti treba. Samo verovatno postoji i optimalnije rešenje, ali ne znam u kom kontekstu ti treba ovo, možda je bolje da se p floatuje udesno ili tako nešto... Pojma nemam. __________________ Plakatt — objavi, razglasi i saznaj za događaje DnevnikEklektika.com \| Sprawsm

11. 04. 2006.	#10
noviKorisnik Dejan Katašić Wrote a book Datum učlanjenja: 10.06.2005 Lokacija: Novi Sad Poruke: 1.017 Hvala: 129 86 "Hvala" u 43 poruka	Bravo. Baš ti to 'tedoh reći ;-) __________________ novikorisnik.net_BoxUp Blog maternji_Monty Hall paradoks - interaktivni demo

Alati teme
Pogledajte verziju za štampanje Pošaljite email-om ovu stranu
Način prikaza
Linearni prikaz Prebacite u hibridni prikaz Prebacite u prikaz po temama

Slične teme
Tema	Početna poruka teme	Forum	Odgovori	Poslednja poruka
Kako otkriti kako je neko provalio u sajt	Aleksandar.Ilic	Web Hosting, web serveri i operativni sistemi	41	21. 03. 2008. 22:45