[slikom] Tekst u kolonama
- From: "Gradimir Kragic" <bastono@xxxxxxxx>
- To: "Lista SliKom" <slikom@xxxxxxxxxxxxx>
- Date: Mon, 3 Oct 2011 18:32:47 +0200
Zdravo,
Ovo je traženo rješenje, tekst u tri kolone. Imaš zaglavlje, ispod tri
kolone pa podnožje teksta.
Širinu kolona možeš mjenjati u definiciji stila. Pazi ukupno sve tri kolone
nemogu biti šire od 100. Možeš dodati svoje stilove za kolone ili paragrafe u
njima...
Sve je prošlo validizaciju i sigurno nema grešaka...
Početak HTML koda.
<!DOCTYPE HTML>
<html lang="sr-latn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kolone</title>
<style type="text/css">
#columnRight {
width: 33%;
float: left;
background: white;
padding-bottom: 1em;
}
#columnLeft {
width: 20%;
float:left;
background: white;
padding-bottom: 1em;
text-align: justify;
}
#columnMain {
width:47%;
float:left;
background: white;
padding-bottom: 1em;
}
#footer {
clear: both;
padding-bottom: 1em;
border-top: 1px solid #333;
text-align: center;
}
</style>
</head>
<body>
<div id="header">
<p>Tekst u zaglavlju dokumenta...
</div>
<div id="columnLeft">
<p>Tekst u lijevoj koloni...
</div>
<div id="columnMain">
<p>Tekst u srednjoj koloni
</div>
<div id="columnRight">
<p>Tekst u desnoj koloni...
</div>
<div id="footer">
<p>Tekst u podnožju...
</div>
</body>
</html>
---------- Podaci o listi ----------
Adresa za prijavu: <slikom-request@xxxxxxxxxxxxx> za subjekt upisati: subscribe
Adresa za odjavu: <slikom-request@xxxxxxxxxxxxx> za subjekt upisati: unsubscribe
Adresa moderatora: slikom-moderators@xxxxxxxxxxxxx
Web strana: http://www.slikom.org/ml/slikom.html
Other related posts:
- » [slikom] Tekst u kolonama - Gradimir Kragic
