Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi
 
Domov > Forum > Računalništvo

Postavitev delov strani v HTMLju
Prikazujem 1 od skupno 1 strani | 
Novejše
Starejše
 
 
3.11.2012, 13:39
Živjo!

Imam težavo pri kodiranju HTML strani. Moja želja je, da si boxi sledijo vzporedno eden za drugim. Če pogledate sliko; ker je drugi box (Primer nekoliko daljšega naslova objave) daljši, mi petega in šestega vrže skrajno desno in ne pod prvega in drugega kot bi moral.

Kako težavo rešiti?

HTML koda:
Naslov objave 1
To je le kratek povzetek te objave, več lahko vidite...
Primer nekoliko daljšega naslova objave
To je le kratek povzetek te objave, več lahko vidite...
Naslov objave 3
To je le kratek povzetek te objave, več lahko vidite...
Naslov objave 4
To je le kratek povzetek te objave, več lahko vidite...
Naslov objave 5
To je le kratek povzetek te objave, več lahko vidite...
Naslov objave 6
To je le kratek povzetek te objave, več lahko vidite...
Naslov objave 7
To je le kratek povzetek te objave, več lahko vidite...
Naslov objave 8
To je le kratek povzetek te objave, več lahko vidite...

CSS koda:
.article{
width:171px;
margin-left:10px;
margin-bottom:10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);
float:left;
}

.naslov{
padding:5px 10px 0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
text-decoration:none;
}

.naslov a{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#052a6e;
text-decoration:none;
}

.naslov a:hover{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#052a6e;
text-decoration:underline;
}

.povzetek{
padding:5px 10px 0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

.thumb{
padding:5px 10px;
width:151px;
height:113px;
}

Hvala in lep pozdrav,
Odin.

changed: NikMan (3.11.2012, 22:52)
 
 
 
3.11.2012, 13:41
Torej, slika:
http://shrani.si/f/3K/Ju/4LROGOJ2/zmaga.tiff

[Administratorji, prosim uredite buge na forumu. Ker sem uporabnik MacBooka, ne morem naložiti slike na forum? Ali pa je problem, ker ne podpira formata tiff. Vsekakor - to uredite.
Pa prosim naredite urejanje objav uporabnikom bolj prijazno.]

changed: PowerZan (3.11.2012, 14:05)
 
 
 
3.11.2012, 17:58
Nisem povsem prepričan, vendar mislim, da boš moral težavo rešiti s stolpci. Narediš torej želeno število stolpcev s fiksno širino in potem v te stolpce dodajaš posamezne article
 
 
 
3.11.2012, 18:17
Aha, seveda, s tabelo. Hvala kljuka!
 
 
 
3.11.2012, 18:31
Nisem imel v mislih ravno tabele, ampak tudi lahko, seveda.
 
 
Prikazujem 1 od skupno 1 strani | 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com