Domov > HTML/CSS in dizajniranje spletnih strani > HTML/CSS in težave
stran 1 od 1 |< < 1 > >|
HTML/CSS in težave
 
Desty 5. nov 2009 14:49:47 Pridružen od:
1. apr 2008
1438 objav
 572 349 32
#1

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


všeč(0) ni všeč(1) spam(0)
Ugodni ter zanesljivi VPS ter Dedicated strežniki
 
 
perunpro 5. nov 2009 15:27:08 Pridružen od:
23. maj 2008
3360 objav
 2892 217 19
#2

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.


všeč(0) ni všeč(0) spam(0)
 
 
Domov > HTML/CSS in dizajniranje spletnih strani > HTML/CSS in težave
stran 1 od 1 |< < 1 > >|
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se