Forum » Izdelava spletišč » 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">
<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?
@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">
<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 
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.
<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…
- spremenil: Hardstyle ()
roli ::
Grafika je moje delo (s pomočjo parih tutorialov) - in je doma spackan
. Tole so drugače moji začetniški koraki v CSSJu - 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
- kar je najbrž indikator, da sem zelo zaj*** .
. Tole so drugače moji začetniški koraki v CSSJu - 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
- kar je najbrž indikator, da sem zelo zaj*** . 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
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!
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?
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
Vredno ogleda ...
| Tema | Ogledi | Zadnje sporočilo | |
|---|---|---|---|
| Tema | Ogledi | Zadnje sporočilo | |
| ! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 346985 (6122) | sunniegoldie |
| » | Podrta oblika straniOddelek: Izdelava spletišč | 1402 (1081) | echoman |
| » | [CSS]Pozicioniranje footer divaOddelek: Izdelava spletišč | 2462 (2409) | amaze646 |
| » | CSS background-image in IE6?Oddelek: Izdelava spletišč | 3077 (2943) | Road Runner |
| » | Mambo portal in flash animacijaOddelek: Izdelava spletišč | 1616 (1445) | aVToV|S|On |