HTML/CSS in težave

2 naročnika

143857234932

5. nov 2009 ob 15:49

Lep 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č. :)

758 1

spletne strani html css

perunpro

3356288721719

5. nov 2009 ob 16:27

Tole 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.

HTML/CSS in težave 2 naročnika

1 odgovor

HTML/CSS in težave

2 naročnika