|
Poslao: 23 Sep 2013 11:35
|
offline
- bocke
- Moderator foruma
- Glavni moderator Linux foruma
- Pridružio: 16 Dec 2005
- Poruke: 12518
- Gde živiš: Južni pol
|
Obično takve stvari ne pitaš, nego pogledaš u izvornom kodu. U Firefoxu: desno dugme->"View page source".
Ovako na prvi pogled liči na html tabelu. Ali isto se može postići i uz upotrebu div-ova i malo CSS, mada to zna da iskomplikuje stvari.
Generalno... U pitanju je tabelarni prikaz, ne layout. Dakle za tabelarni prikaz koristiš tabele, za layout ili za vizuelno sređivanje tabelarno prikazanih podataka koristiš CSS.
|
|
|
|
Poslao: 23 Sep 2013 11:55
|
offline
- Miloš CG
- Super građanin
- Pridružio: 23 Maj 2011
- Poruke: 1069
|
Pa mogao sam ja odma' da sa dva div-a napravim ovo,ali sam mislio da postoji jednistven kod.I pogledao sam izvorni kod,ali sta vrijedi kad ne vidim CSS,vidio sam div-ove ali i dalje nisam znao o cemu se radi.Sad cu da googlam tu tabelu,hvala ti
|
|
|
|
|
Poslao: 23 Sep 2013 12:15
|
offline
- Pridružio: 16 Feb 2011
- Poruke: 1630
- Gde živiš: Pancevo
|
Evo ti test da vidis cisto kako se to radi pa ga ti stilizuj. Ovo sam ispisao nabrzaka
DEMO
|
|
|
|
|
|
Poslao: 24 Sep 2013 09:30
|
offline
- Miloš CG
- Super građanin
- Pridružio: 23 Maj 2011
- Poruke: 1069
|
HTML:
<div class="tcontainer">
<h3 class="title"> Naslov </h3>
<div class="inner-box">
...
</div>
</div>
CSS:
div.tcontainer {
position:relative;
top:10px;
left:10px;
padding:5;
border:2px solid #164089;
width: 350px;
height: 150px;
overflow: hidden;
}
h3.title {
padding: 3px 0px 3px 3px;
font-size: 16px;
color: #fff;
background: #164089;
font-family: sans-serif
}
|
|
|
|
|
|