Domov > HTML/CSS in dizajniranje spletnih strani > HTML/CSS in težave
stran 1 od 1 |<<1>>|
HTML/CSS in težave
 
Desty5. nov 2009 15:49:47Pridružen od:
1. apr 2008
1296 objav
+462-31927
#1Lep pozdrav,



sem še začetnik v HTMLju in CSSu in sem dobil od prijateljo en osnutek, da se pač še kaj naučim. Do sredine sem prišel, dalje pa ne gre in ne gre. Bi pa zatorej prosil za pomoč. :)

Končni izdelek naj bi izgledal takole:




Moja koda pa je sledeča:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Domača naloga 1</title>
<style type="text/css">
#skatlica1 {
width: 100px;
height: 400px;
float: left;
background-color:black;
}
#skatlica2 {
width: 400px;
height: 61px;
float: left;
margin-left: 20px;
background-color:gray;
}
#skatlica4 {
width: 400px;
height: 188px;
float:left;
margin-left: 20px;
background-color: silver;
}
#skatlica3 {
height: 61px;
width: 400px;
float:left;
margin-left: 20px;
background-color:gray;
}
#skatlica5 {
width: 100px;
height: 400px;
float: left;
margin-left: 20px;
background-color:black;
}
#skatlica6 {
height: 100px;
width: 100px;
float:left;
margin-top: 160px;
margin-left: -475px;
background-color:gray;
}
#skatlica7 {
height: 100px;
width: 100px;
float:left;
margin-top: 160px;
margin-left: -300px;
background-color:gray;
}
#skatlica8 {
height:80px;
width: 100px;
float:left;
margin-top: 170px;
margin-left: -475px;
background-color:black;
}
#skatlica9 {
height:80px;
width: 100px;
float:left;
margin-top: 170px;
margin-left: -300px;
background-color:black;
}
.style1 {
color: white;
text-align:center;
padding-top: 45px;
</style>
</head>
<body>
<div id="skatlica1"></div>
<div id="skatlica2" class="style1">011011110111011101101110011000010110011101100101</div>
<div id="skatlica4"></div>
<div id="skatlica3" class="style1">011011110111011101101110011000010110011101100101</div>
<div id="skatlica5"></div>
<div id="skatlica6"></div>
<div id="skatlica7"></div>
<div id="skatlica8"></div>
<div id="skatlica9"></div>
</body>
</html>

Najlepša hvala za pomoč. :)
všeč(0)ni všeč(-1)spam(0)
Lychee | Ugodni kuponi za oglaševanje na Facebooku | Ugodni ter zanesljivi VPS ter Dedicated strežniki
 
 
perunpro5. nov 2009 16:27:08Pridružen od:
23. maj 2008
2484 objav
+1478-1107
#2Tole se cisto narobe lotevas.

Okoli bi dal #conainer s sirino 640px

Notri so pa levi stolpec, glavni stolpec in desni stolpec. Vsak ima sirino, float left in ustrezne paddinge oz. margine. Lahko nastimas to samo na srednjem stolpcu, lahko pa na obeh stranskih, lahko na kombinaciji :)

Tiste male skatlice pa nato gnezdis ZNOTRAJ srednjega, prav tako ta podrocja kjer imas te cifre. Tam naceloma floata sploh ne rabis.
všeč(0)ni všeč(0)spam(0)

Izdelava spletnih strani, Stroji za vodni rez
>>>Veliko projektov != veliko težav<<<

 
 
Domov > HTML/CSS in dizajniranje spletnih strani > HTML/CSS in težave
stran 1 od 1 |<<1>>|