"Space" između slika u "custom HTML" modulu

[bruno-d]

zakomplicirat ces si zivot ..ako nastaviom u tom smjeru  ;) :pivo:
skrenut cemo s teme. Prouci css na webu.

evo za kraj..
odi u svoj modul

otvori u editoru htm source
iskopiraj ovo

<table class="table">
<tbody>
<tr>
<td>lorem ispum </td>
<td>lorem ispum</td>
<td>lorem ispum</td>
<td>lorem ispum</td>
<td>lorem ispum</td>
</tr>
<tr>
<td>nesto </td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
</tr>
<tr>
<td>nesto </td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
</tr>
</tbody>
</table>

kasnije se poigraj..

[Dario]

Tablice su za prikaz tabličnih podataka, a ne za izradu layouta....

Kod tvoj trenutne stranice koju ja vidim će radit ovo:
stavi u css slijedeći kod..... i nauči css :)

Kod [Odaberi] Expand


#gkBottom1 .custom img {
    display: block;
    float: left;
}

Ovo bi ti trebalo raditi, ali ne kužim čemu brejkovi <br> između slika ako ih hoćeš dobiti jednu do druge...
Ako se nećeš moći (zbog editora ili bogtepitaj čega) riješiti tih brejkova, onda stavi i ovaj css

Kod [Odaberi] Expand


#gkBottom1 .custom img+br {
    display: none;
}


[bruno-d]

ORION] link=topic=4442.msg15376#msg15376 date=1378459065]
Tablice su za prikaz tabličnih podataka, a ne za izradu layouta....

Ok. Covjek radi na svoj način.
Pošto još nije skroz doma u izradi layouta, treba ga uputiti da krane od nekuda.
Naravno da može u div-u sve ljepo posložiti. Sama struktura koju on radi izgleda kao jedna
fina tablica. Pa zašto nebi koristio tak nešto.

[Onebeat]

Cek ti radis tablicu gdje ce bit lista mac itd - jesam li ja dobro shvatio?

Čemu se zezas sa time kada imas npr bootstrap table prikaz gdje mozes sve postavit bez problema ...

[Superman]

Hvala #Dario. Sada probam tvoj kod. I da, MORAM naučiti bolje .css :D Hvala još jednom.

#Onebeat, pa radim to zato što ne mogu dobiti izgled kakav hoću pomoću tablice. Jedino da u .css ubacim novu dimenziju fonta, tako da bude manji, jer ga u trenutnom .css-u nema, pa onda ne znam, da stavim pozadinsku sliku sa ostalim stvarima koje se ne mogu staviti unutar teme, odnosno putem samog admin panela i editora i onda na tu sliku (ako je moguće napraviti tablicu.

btw. radio sam tablicu za nešto drugo, ali je užas (pomoću tinyJCE editora). Čekaj, bootstrap je neka ekstenzija za tablice ili nešto unutar editora?

[Onebeat]

btw. radio sam tablicu za nešto drugo, ali je užas (pomoću tinyJCE editora). Čekaj, bootstrap je neka ekstenzija za tablice ili nešto unutar editora?

Bootstrap je frontend framework proizasao iz twittera tj napravio se prvo za twitter pa se prosirio - ono sto on ima je mogucnost pravljena tablica u jako jednostavnom stilu i bez puno muke...

Istraži malo...

[Superman]

ORION] link=topic=4442.msg15376#msg15376 date=1378459065]
Tablice su za prikaz tabličnih podataka, a ne za izradu layouta....

Kod tvoj trenutne stranice koju ja vidim će radit ovo:
stavi u css slijedeći kod..... i nauči css :)

Kod [Odaberi] Expand


#gkBottom1 .custom img {
    display: block;
    float: left;
}

Ovo bi ti trebalo raditi, ali ne kužim čemu brejkovi <br> između slika ako ih hoćeš dobiti jednu do druge...
Ako se nećeš moći (zbog editora ili bogtepitaj čega) riješiti tih brejkova, onda stavi i ovaj css

Kod [Odaberi] Expand


#gkBottom1 .custom img+br {
    display: none;
}


Ovo radi. SVAKA ČAST! Jednostavno, ali opet: treba znati :D
U biti <br> više nema (sada sam to implementiorao u jednu drugu stranicu), pa je kod čist, samo "<img src=" kodovi.

Sada upravo proučavam bootstrap i čini mi se odličan. Sada ću ga instalirati u Joomlu i poigrati se s njim dok mi je još stranica offline.

HVALA VAM PUUNO! Ekipa ste za 10. Naravno da sada ostajem ovdje! ;)

Hvala!!

[Onebeat]

Sada upravo proučavam bootstrap i čini mi se odličan. Sada ću ga instalirati u Joomlu i poigrati se s njim dok mi je još stranica offline.

HVALA VAM PUUNO! Ekipa ste za 10. Naravno da sada ostajem ovdje! ;)

Hvala!!

To se NE MOŽE instalirat u joomlu vec se ubaci js u head i css u head od joomla templatea...

[Superman]

Ja sam pronašao componentu, ali sada sam skužio da je to za lakše baratanje bootstrap pluginovima: http://extensions.joomla.org/extensions/style-a-design/templating/21856

Malo proučim, moram si uzeti malo vremena da prvo pročitam što i kako, a onda dalje u implementaciju site-a.

;) :pivo:

[Dario]

No hard feelings, ali ti bi prvo trebao proučit i naučit html i css :)

[Onebeat]

ORION] link=topic=4442.msg15393#msg15393 date=1378476408]
No hard feelings, ali ti bi prvo trebao proučit i naučit html i css :)

Potpisujem  8)

Što se tiče joomle to je samo rijesenje za jednostavnu intergraciju bootstrap u joomlu - kao sto sam rekao ista stvar se postize ručno....