» »

CSS in začetniški problemi

CSS in začetniški problemi

roli ::

Trudim se nekaj naredit s pomočjo CSSja in HTMLja pa mi nekako ne uspeva. NAmreč želim narediti neko stran, ki ima glavo, levo stran, stran z vsebino in nogo. V vsaki od teh stvari hočem neko sliko za ozadje. Tole je CSS, ki ga uporabljam:

@charset "UTF-8";

body
{
background-image:url(images/bg3.jpg);
}

div.container
{
width:990px;
margin: 0 auto;

}

div.header
{
color:white;
clear:left;
background-image:url(images/dizajn1_01.gif);
height: 303px;
width: 990px;
}



}

div.content
{
height: 419px;
float: right;
width: 754px;
background-image: url(images/dizajn1_03.gif);
background-repeat: repeat-y;
}

div.left
{
float:left;
width:236px;
height: 419px;
background-image:url(images/dizajn1_02.gif);
}



div.footer
{
height: 78px;
width: 990px;
background-image:url(images/dizajn1_04.gif);
}

-------------------------------------------------------------

Tole pa je HTML, ki se uporablja za prikaz strani:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-...
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="container">
<div class="header"></div>
<div class="left"></div>
<div class="content"><p>hththtyhthtyhthhhhhhithrtouhreughrtog;hrgtorw;tghrwo;gihrgoihrtoh;rthor;ghrohrohirorthrohčhrorhh hlrthčroth lghrprt hrhprp hrpr rphrth r'tpi rpt'h rhpr't rt'prth r'ph rćhrt rhtg'rth rt'hrthp' ćrh rćhrćh ćda preg jeprgjer pjerpg prhjreph jrtph jdphjerp jrhpr jrphj rphj prhpr jrph jrphj prhjrp hjrphj rphj prhj prhjrphjrhptrpht</p>
</div>
<div class="footer"></div>
</div>

</body>
</html>

-----------------------------------------------

Tole pa mi izvrže brskalnik:

Zakaj mi sploh ne pokaže noge in zakaj v glavni celici sploh ni ozadja, ki bi moral biti?
http://www.r00li.com

Hardstyle ::

Nisem ravno prepričan, da je ta grafika tvoje delo še manj pa da je to doma spačkan :\

<body>
<div class="container">
<div class="header"></div>
<div class="left"></div>


In ta koda je namenjena čemu? Da prikaže vse povprek?

Edit*
Kako pa prikaže FireFox? Nisem se poglabljal v kodo zato sprašujem.

Zgodovina sprememb…

roli ::

Grafika je moje delo (s pomočjo parih tutorialov) - in je doma spackan:D . Tole so drugače moji začetniški koraki v CSSJu:D - pa ne mislit, da je ta stran mišljena kakorkoli resno. SAmo toliko, da se naučim nekaj osnov CSSja.

Kar se pa tiče Firefoxa - pokaže popolnoma enako, prav tako tudi Opera. Preden sem napisal tisti prvi post mi je uspelo prikazati polje z vsebino ampak ni bilo noge. Sedaj pa sploh ne morem prikazati polja z vsebino.

Kar se pa tiste kode tiče, prikazati bi morala samo slike, ki jih hočem in popolnoma nič drugega (v resnici je koda iz W3schools.com).

EDIT: Sem šel zdajle gledat tole še na Win mašino in IE6 stran prav prikaže>:D 8-O - kar je najbrž indikator, da sem zelo zaj***:D .
http://www.r00li.com

Zgodovina sprememb…

  • spremenil: roli ()

roli ::

Zdajle se j*** že eno uro s tem in še vedno nimam pojma kaj je narobe. Nekaj je zagotovo tam v tistem contentu. Ker vse ostale stvari se pokažejo popolnoma pravilno. Sem tudi izklopil vse ostale značke razen tiste content pa še vedno ni bilo razlike - stvar se še vedno ni pokazala. Torej kaj zaboga preprečuje, da bi se pokazal? Sem tudi ponovno pogledal pot do slike in vse samo ni učinka.
http://www.r00li.com

Binji ::

si poskusal zvalidirat kodo?
Kdor ne navija ni Slovenc, hej, hej, hej!

roli ::

XHTML gre lepo čez pri CSSju pa mi v 25 vrstici javi "Parse error - Unrecognized }". Tam je pač samo navaden }, ki se nanaša na konec div.left. Druge napake ni.

EDIT: Jah en } preveč je bil nekje. Sem ga odstranil in sedaj tako CSS kot tudi XHTML prideta lepo čez validator. Torej, če je s kodo vse tako kot bi moralo bit - kaj zaboga je potem narobe?

EDIT2: Zdaj pa deluje! Heh en odveč } in en px preveč v nogi pa ti pokvari celo stran. Ko sem popravil } je sicer lepo pokazalo polje z vsebino noge pa ne, ko sem nogi odstranil 1px in dodal float: left pa je stvar začela magično delovati. Upam, da je to edini problem!
http://www.r00li.com

Zgodovina sprememb…

  • spremenil: roli ()

roli ::

Še en mali problemček, ki pa je samo malenkost lepotne narave - kako prilagoditi en div, da bo enake velikosti kot drugi div-419px?
Torej drugi div je dinamičen in se spreminja z odvisnostjo od vsebine, sedaj bi pa jaz rad prvi div prilagodil, da bo velik toliko kot je ta drugi div - 419px - tako bosta oba diva enako visoka. A je to mogoče kako scoprat?
http://www.r00li.com

t3hn0 ::

css positioning in 10 steps - dokaj simpl pa na hitr zves dost uporabnih zadev..
^.^


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1297334673 (58822) htmltroubles
»

Podrta oblika strani

Oddelek: Izdelava spletišč
131310 (989) echoman
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč
62329 (2276) amaze646
»

CSS background-image in IE6?

Oddelek: Izdelava spletišč
132952 (2818) Road Runner
»

Mambo portal in flash animacija

Oddelek: Izdelava spletišč
131527 (1356) aVToV|S|On

Več podobnih tem