Problem oko ucitavanja CSS-a

[ Simca @ 08.02.2013. 00:52 ] @

Podesavanja iz css-a mi se prikazuju u dreamweaver-u ali kada u ucitam stranu u bili kom pretrazivacu ne prikazuje mi podesavanja iz css-a vec samo ono sto imam u html-u.

Jel zna neko o cemu je rec ?

[ cyBerManIA @ 08.02.2013. 01:01 ] @

Mozda nisi linkovao lepo CSS fajl u HTMLu.

[ Simca @ 08.02.2013. 01:04 ] @

Jesam. Znaci vidim podesevanja iz Css-a u dreamwiveru-u u kartici za dizajn, ali kada je ucitam stranicu u pretrazivacu nema podesavanja ostane cist tekst iz html-a

[ plus_minus @ 08.02.2013. 01:08 ] @

A kako glasi linija koda koja povlači css? Ajde ako to možeš da nalepiš ovde...

[ Simca @ 08.02.2013. 01:17 ] @

<div id="header" >
<div class="skoljka >
<div class="srce" >
<ul id="meni">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">strana3</a></li>
<li><a href="#">strana4</a></li>
<li><a href="#">strana5</a></li>
<li><a href="#">strana6</a></li>
</ul>
</div>
</div>
</div>

znaci rec je o navigaciji,tek sam poceo sajt,radio sam i ranije ali ovaj problem nisam imao.

[ cyBerManIA @ 08.02.2013. 01:21 ] @

Mislio je ako mozes da kopiras liniju koda u kom zoves CSS fajl, tipa:

Code:
<link rel="stylesheet" type="text/css" href="fajl.css">

[ Simca @ 08.02.2013. 01:26 ] @

[ plus_minus @ 08.02.2013. 01:30 ] @

Ako imaš direktorijum koji se zove CSS (baš tako, velikim slovima) i taj se direktorijum nalazi u root direktorijumu sajta pored ostalih foldera/direktorijuma kao što ti je i linkovano, dakle, ako si siguran da gađaš baš pravu putanju, slobodno možeš da izbaciš media="all" i da nam nalepiš sadržinu samog css fajla, ako ti nije teško, pa da vidimo dalje..

ps: upotrebi Code tagove

[ Simca @ 08.02.2013. 01:43 ] @

nisam znao za media="all" izbacio sam ga i idalje je isto.
Evo dajem kod, da cu i slike da vidite na sta mislim, sajt je na pocetku rada.

Code:
body { font-size:16px; border:0px; font:Verdana, Geneva, sans-serif; color:#ffffff; background:666666;}

a { color:#3d03fa; text-decoration:underline}
a.hover { text-decoration:none}

.left { float:left; display:inline; }
.right { float:right; display:inline; }

.skoljka { width:1000px; margin:0 auto; position:relative; height: 500; }

#header { background-color:#666666; height:500px;}
.srce { background-image:url(/images/pozadina.png) top center no-repeat}

#meni {float:right;padding:40px; float:right}
#meni li {float:left;padding-right:28px}
#meni .end {padding-right:0}
#meni li a {display:block; font-size:16px; color:#fff; text-decoration:none; background:url(/images/meni_tag.png) 0 6px no-repeat; padding-left:20
px}

Ovo je izgled u dreamwiver-u
http://prntscr.com/rxwjd

a ovo u pretrazivacu
http://prntscr.com/rxwqi

[ plus_minus @ 08.02.2013. 02:05 ] @

Pa, imaš mnogo grešaka..

Ne postoji pravilo font: .. već font-family:

Zatim.. border:0px;

m-m. Jok.

Ako hoćeš da uopšte nema ivica, onda pišeš

Code:

border: 0 transparent;

Onda.. hover pseudo element ne ide sa jednom tačkom već sa dve tačke

Code:

a:hover {}

A ako već pišeš i praviš stil za linkove, onda to odradiš do kraja. Nikad polovično

Code:

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}

Dalje, .. lista ne bi trebalo tako da se deklariše.. već :

Code:

ul#meni {}
ul#meni li {}

/* Ili */

ul {}
ul li {}

I zadnji red.. zašto ti je prelomljen, baš tu gde ne treba? Jel' to slučajno dok si lepio kod ovde ili to tako stoji?
Ako prelamaš redove, to činiš posle 'tačka-zareza'.

Sve u svemu, još mnogo tebi vežbe i rada treba. Ne valja ti ništa ovo. Zato pretraživač i ne prikazuje ono što bi hteo.

[ ivan.a @ 08.02.2013. 06:21 ] @

Ovo:

Code:
<link rel="stylesheet" href="/CSS/stil.css" type="text/css" media="all" />

Promeni u

Code:
<link rel="stylesheet" href="CSS/stil.css" type="text/css" media="all" />

Ali pre toga uradi sve što je napisao plus_minus.

[ Simca @ 08.02.2013. 11:59 ] @

Hvala Ivane. cim sam obrisao tu crtu proradilo je, dobio sam to sto sam zeleo.

Hvala Plus_minus, al nisam ja jos na tom nivo znanja o CSS-u,tek ucim...

[ newtesla @ 08.02.2013. 19:25 ] @

E, i samo jedna stvar: Windoze ne prave razliku između malih i velikih slova - Juniksi da. Dakle, pazi dobro da li ti je folder CSS ili css: win ne pravi razliku, ali host da.

Isto važi i za imena fajlova.

[ maddog_srb @ 08.02.2013. 21:25 ] @

Citat:

plus_minus
Pa, imaš mnogo grešaka..

Ne postoji pravilo font: .. već font-family:

Ima gresaka, ali pravilo font postoji, samo je ovde pogresno upotrebljeno.
Potrebna su najmanje 2 parametra, velicina fonta i font-family kao poslednja 2.

[ plus_minus @ 09.02.2013. 00:14 ] @

Znam da postoji shorthand gotovo za sve, ali njemu to još ne treba, sam je i rekao, neka se nauči prvo da piše deo po deo.