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

2 tabele jedna pored druge centrirane u istom redu???

[es] :: Web dizajn i CSS :: 2 tabele jedna pored druge centrirane u istom redu???

[ Pregleda: 2561 | Odgovora: 7 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.ptt.rs.

Sajt: www.astrosport07.webs.com


+4 Profil

icon 2 tabele jedna pored druge centrirane u istom redu???17.03.2013. u 17:41 - pre 135 meseci
Zahvaljujuci ovom forumu uz vasu pomoc resila sam do sada sve probleme, nadam se da imate resenje i za ovaj!

U <head> izmedju ostalog imam ovo:

table.goca2
{
font-family: Arial;
font-size:17px;
color:black;
border-width: 2px;
border-color: white;
border-style: solid;
width:500px;
margin:auto;margin-top:20px;
margin-bottom:20px;
font-weight: bold;

}
table.goca2 th { border-width: 1px;
padding: 4px;
border-style: solid;
border-color: white;
background-color: #48d1cc;
font-style:italic;
font-family: Arial;;
font-size:17px;
color:firebrick;text-align:center;

}
table.goca2 td {
border-width: 1px;
padding: 4px;
border-style: solid;
border-color:white;
background-color: #48d1cc;
text-align:left;font-size:17px;color:black;font-weight:bold;
}
----------------------
e sad u <body> imam sledece:

<table class="goca2">
<tr>
<th style='text-align:center; width:

250px'><h3>tabela1</h3></th>
<th

style='text-align:center'><h3>tabela1a</h3></th></tr></table>
<table class="goca2">
<tr>
<th style='text-align:center; width:

250px'><h3>tabela2</h3></th>
<th

style='text-align:center'><h3>tabela2a</h3></th></tr></table>

I dobijem sledecu situaciju:



E, sad, ja zelim da ove 2 tabele budu jedna pored druge, sa malim razmakom izmedju i centrirane. Jel' moze neko da mi napise "code" da bi ovo dobila?
Hvala na pomoci.
Pozdrav,
Goca
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.ptt.rs.

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: 2 tabele jedna pored druge centrirane u istom redu???17.03.2013. u 19:57 - pre 135 meseci
Ne morate vise da se trudite, citajuci neke clanke na internetu uspela sam da resim ovaj problem!
Pozdrav,
Goca
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
82.208.220.*

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: 2 tabele jedna pored druge centrirane u istom redu???18.03.2013. u 09:55 - pre 134 meseci
Sad imam novi problem, kad sam pocela da pisem tekst ispod tabela on mi se uvukao izmedju njih?? Pretpostavljam da ove tabele treba da uvucem u kontejner?? ali ja to ne umem. Ako moze neko da mi napise kod da ove dve tabele stavim u kontejner bila bih vam zahvalana.

Dok nije bilo teksta to je izgledalo ovako i tako treba da ostane:




Kad sam napisala tekst koji treba da ide ispod obe tabele dobila sam ovo???



E sad evo sta sam koristila za ove dve tabele
Code:

<head>
....
table.goca2
{
font-family: Arial;
    font-size:17px;
    color:black;
    border-width: 2px;
    border-color: white;
    border-style: solid;
width:400px;
margin:auto;
margin-top:20px;
margin-bottom:40px;
font-weight: bold;
margin-left: 120px; 
}
table.goca2 th {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color: white;
    background-color: #48d1cc;
    font-style:italic;
    font-family: Arial;;
    font-size:17px;
    color:firebrick;text-align:center;
    
}
table.goca2 td {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color:white;
    background-color: #48d1cc;
    text-align:left;font-size:17px;color:black;font-weight:bold;
}
table.goca3
{
font-family: Arial;
    font-size:17px;
    color:black;
    border-width: 2px;
    border-color: white;
    border-style: solid;
width:515px;
margin:auto;
margin-top:20px;
margin-bottom:40px;
font-weight: bold;
margin-right: 120px;  
}
table.goca3 th {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color: white;
    background-color: #48d1cc;
    font-style:italic;
    font-family: Arial;;
    font-size:17px;
    color:firebrick;text-align:center;
    
}
table.goca3 td {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color:white;
    background-color: #48d1cc;
    text-align:left;font-size:17px;color:black;font-weight:bold;


....

Code:


<body>

<table class="goca2" align="left">
<tr>
<td style=' width: 100px'><p>Mesec</p></td>
<td><p>bela, zuckasta, srebrna, lila,
siva, otvoreno plava ili zelena</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Merkur</p></td>
<td>
<p>zuta, bela, siva,
kombinacija svetlih boja </p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Venera</p></td>
<td>
<p>bela, plava, otvoreno zelena,
roze i limun zuta </p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Sunce </p></td>
<td>
<p>zuta, zlatna, narandzasta,
tamnocrvena i lila</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Mars</p></td>
<td>
<p>drecava crvena, crna,
tamno zelena i braon</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Jupiter</p></td>
<td>
<p>plava, tamnocrveno, lila,
narandzasta i zelena</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Saturn</p></td>
<td>
<p>crno, tamnozeleno, braon,
sivo i tamno plavo</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Uran</p></td>
<td>
<p>karirano, tamno plavo, lila</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Neptun</p></td>
<td>
<p>tirkiz, boje mora, otvorenosivo </p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Pluton</p></td>
<td>
<p>tamne nijanse crvene ili lila</p></td></tr>

</table>



<table class="goca3" align="right">
<tr>
<td style=' width: 100px'><p>Ovan</p></td>
<td><p>crvena, crna, lila</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Bik</p></td>
<td>
<p>zelena, braon, zuta, roze,
bela, plava, narandzasta, bez</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Blizanci</p></td>
<td>
<p>narandzasto, lila, zuto, plavo,
kombinacija dve boje, zeleno</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Rak</p></td>
<td>
<p>bela, srebrna, zelena, plava, bez i siva</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Lav</p></td>
<td>
<p>crvena, narandzasta, zuta,
roze, svetle boje</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Devica</p></td>
<td>
<p>siva, zelena, zuta, lila, plava, braon</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Vaga</p></td>
<td>
<p>plava, zelena, bela, roze,
zuta, kontrasne boje, siva</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Skorpija</p></td>
<td>
<p>bordo, braon, crna, lila </p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Strelac</p></td>
<td>
<p>tamnocrvena, plava, lila i siva</p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Jarac</p></td>
<td>
<p>crno, tamnobraon, indigo, crvena </p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Vodolija</p></td>
<td>
<p>indigo, lila, neobicne nijanse,
siva, mesavina boja </p></td></tr>
<tr>
<td style=' width: 100px'>
<p>Ribe</p></td>
<td>
<p>tirkiz, bela, crvenolila, plava, zelena </p></td></tr>
</table> 



Hvala na pomoci!

[Ovu poruku je menjao fensi88 dana 18.03.2013. u 11:25 GMT+1]
Pozdrav,
Goca
 
Odgovor na temu

vejin
a.k.a. NOVII
Apatin

Član broj: 36383
Poruke: 524
*.dynamic.isp.telekom.rs.

Sajt: zanimljiv.org


+22 Profil

icon Re: 2 tabele jedna pored druge centrirane u istom redu???18.03.2013. u 10:07 - pre 134 meseci
A zašto kad pišeš kod ne koristiš BB tag da ga obeležiš kao kod ?
dajte nam sve podatke i dajte nam slobodu odlučivanja
novii blog
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
82.208.220.*

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: 2 tabele jedna pored druge centrirane u istom redu???18.03.2013. u 10:27 - pre 134 meseci
Evo, ako ti to olaksava posao, prepravila sam u mom postu (ako si na to mislio?).
Pozdrav,
Goca
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
82.208.219.*

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: 2 tabele jedna pored druge centrirane u istom redu???19.03.2013. u 15:37 - pre 134 meseci
Za one koje zanima ovaj problem evo resenja, jedan tip na stranom forumu mi predlozio i radi.

Ovaj tekst ima sledece setovanje u <head>:

h3
{
font-style: italic;
font-family:"Arial";
font-size:18px;
font-weight: bold;
margin-bottom:20px;
color:firebrick;clear: both;
}

Bitno je da se stavi ovo: "clear: both;" i onda tekst dolazi ispod obe tabele.

u <body>
<h3>Drugo mesto gde treba traziti izgubljenu stvar je znak i kuca u kojoj se nalazi Tacka Fortune.</h3>
Pozdrav,
Goca
 
Odgovor na temu

marinsu
Subotica

Član broj: 306442
Poruke: 59
*.static.isp.telekom.rs.

Sajt: www.radio-srbija.iz.rs


+1 Profil

icon Re: 2 tabele jedna pored druge centrirane u istom redu???09.04.2013. u 09:55 - pre 134 meseci
Kao sto je neko napisao ovde, trebas da stavis clear: both; to ti omogucava da sve float-e ili ti tabele koje si postavio/la na sajtu fakticki kaze neinteresuju me vise idem u nove redove da pravim nesto drugo. Znaci time brises sve sto si dosad radio/la i ides dalje. E sad zavisi koji kod si postavljala za taj tekst. Ako si postavila sa <h3> ili ti <p> onda u css-u ubaci p ili ti h3 { clear: both; } jer nisi dala kod za tekst, da budem precizniji nisi napisala ceo kod toga sto zelis napraviti. Ja sam se isto mucio na mom sajtu sa time dosta dugo www.apb-serbia.iz.rs pa sam premestao, pokusavao okolnim putem, dok nisam shvatio kako je jednostavno uraditi sa obicnim clear:both; te stvari i posle mu zadas margine ili pomocu absolute gde zelis nesto drugo da se nalazi oko sajta :)

Evo i vica koji govori sta je to logika :) :
Sretnu se poznanik i haso. Poznanik uvide hasu kako uci logiku i upita ga sta je to logika.
Poznanik: Haso vidim ucis logiku, jer znas sta je to logika?
Haso: Ma ne znam, sad sam je uzeo iz biblioteke.
Poznanik: Evo da ti objasnim, imas li ti kuci akvarijum?
Haso: Imam
Poznanik: Sto znaci ti te ribice hranis da ne bi uginule zar ne?
Haso: DA DA DA.
Poznanik: A jer imas ti zenu?
Haso: imam
Poznanik: Sto znaci da nisi peder jer tako?
Haso: Jest ba
Poznanik: Eto to ti je logika
Haso: AAAAA pa vidis bogati jest
Posle par dana sretnu se mujo i haso. I pita njega Mujo:
Sta to citas haso?
Haso: Logiku jarane
Mujo: A sta je to logika?
Haso: Ne znas sta je logika?
Mujo: ne
Haso: Evo sad cu ja da ti objasnim. Jer imas ti kuci akvarijum?
Mujo: Nemam
Haso: NEMAS KUCI AKVARIJUM!?
Mujo: Nemam
Haso: Ma more mrs pe**ru jedan :)

Malo sam skratio verziju, ali hocu da kazem u prevodu ako nemate za ovakve stvari dobru logiku i shvatenje sustine css i html-a dzabe vam ucenje :) :) Imam i ja nekih delova gde ne razumem css ali to je zbog toga sto me mrzi razmisljati pa batalim. Ko nema zivaca i strpljenja odma neka batali web programiranje :) Ja se jos uvek drzim, nisam batalio. Sada sam presao na PHP sto je mnogo slozenije i vise treba muckati, ako to prezivim pricacu vam :)
^vip^
 
Odgovor na temu

fensi88
penzioner
Beograd

Član broj: 275412
Poruke: 96
*.ptt.rs.

Sajt: www.astrosport07.webs.com


+4 Profil

icon Re: 2 tabele jedna pored druge centrirane u istom redu???09.04.2013. u 11:14 - pre 134 meseci
Citat:
fensi88:
Za one koje zanima ovaj problem evo resenja, jedan tip na stranom forumu mi predlozio i radi.

Ovaj tekst ima sledece setovanje u <head>:

h3
{
font-style: italic;
font-family:"Arial";
font-size:18px;
font-weight: bold;
margin-bottom:20px;
color:firebrick;clear: both;}

Bitno je da se stavi ovo: "clear: both;" i onda tekst dolazi ispod obe tabele.

u <body>
<h3>Drugo mesto gde treba traziti izgubljenu stvar je znak i kuca u kojoj se nalazi Tacka Fortune.</h3>


Mozda nisi primetio ali savetovali su me da "clear: both;" stavim u setovanje za h3 jer mi je to kod za tekst ispod, ali u svakom slucaju hvala ti na ovom dodatnom objasnjenju, korisno je i lakse se pamti kad razumes zasto.
Pozdrav,
Goca
 
Odgovor na temu

[es] :: Web dizajn i CSS :: 2 tabele jedna pored druge centrirane u istom redu???

[ Pregleda: 2561 | Odgovora: 7 ] > FB > Twit

Postavi temu Odgovori

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