Malo pitanje u vezi CSS-a

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Evo jednog početničkog pitanja:
Izdvojio sam css kod u zaseban fajl od html koda i linkovao ga ovako na lokalu<link href="css.css" rel="stylesheet" type="text/css"/>Sad me zanima da li će mi raditi tako i na serveru pošto su mi i stranice i css u root folderu ili moram da menjam kod u <link href="http://www.mojsajt.com/css.css" rel="stylesheet" type="text/css" />

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

radice
ako sam te dobro razumeo....
evo ovako
ako imas index recimo u nekom folderu i ako ti je ovaj css u istom tom onda ce ti raditi

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Da, da... Sve je u istom folderu! Hvala lepo!

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Da ne bi otvarao novu temu al moze neko da mi kaze kako ide onaj CSS kod da stavim da bude boldovan link?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

a:link {    color: #1e1a8f;    text-decoration: none;    font-weight:bold; } a:visited {    color: #CCCCCC;    text-decoration: none;    font-weight:bold; } a:hover {    color: #ffffff;    text-decoration: none;    font-weight:bold; }

a:link ti je tekst kada ga ne diraš, plav i boldovan.
a.visited je link koji si posetio siv i boldovan
a:hover je link kada staviš miš na njega, beo i boldovan.

To je primer kako izgleda link je kod mene.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

@Crazy Wiking: samo si zaboravio "stanje" a:active, inace je sve ok





jedino sto ja sve boje (hex zapis) pisem malim slovima - ali to sam ja

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

One koje čukam, piše malim, normalno, ali nekad mi promakne jer izabiram sa pipetom u DW, pa on automatski stavlja velika!
a:active mi je smaranje, zato sam ga izbacio, s***e mi koncepciju!
To što sam ga izbacio nije problem, zar ne?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ma nisu problem mala i velika slova, u stvari, browseru je svejedno, kazem ti cisto zbog estetike

A a:active - da li te smara ili ne, tvoj "problem" i tvoja odluka da li ces ti da ga koristis, ali ako objasnjavas nekom nesto, objasni mu do kraja

Nije problem ako ga nema, ako ti negde na sajtu link bude "active" uzece default vrednost (cini mi se Arial 10px #ff0000 underline).

Ja licno, kad definisem linkove, sve osim hover stavim da izgledaju isto, i definisem ih odjednom:

a:link, a:active, a:visited { /* ovde stavim stil */ }

Sve je to stvar navike samo je bitno da navike budu u skladu sa standardima...

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

OK imaću to u vidu.

Nego kada smo već kod css-a evo imam jedan glup problem:
U css fajlu imam sledeće.oneColFixCtrHdr #MenuBar {    padding-top: 30px;    background-color: #d4eaff;    height: 30px;    width: 778px;    color:#ffffff;    font: italic bold 18px;    margin-bottom:6px;    background-image:url(slike_za_sajt/images/linija.png) } #leva {     background-color:#d4eaff;    width:159px;    float:left;    font-size:11px;    padding-left:6px;    padding-right:9px;    padding-bottom:30px; } #desna {     background-color:#d4eaff;    width:158px;    float:right;    font-size:11px;    padding-right:5px;    padding-left:10px;    padding-bottom:30px;

E sad kako da rešim Operu i IE, evo šta se dešava:
Ako u .oneColFixCtrHdr #MenuBar imam margin-bottom:6px; i dodam u #leva i #desna padding_top:5px; Opera mi pokaže oboje tj. dobijem razmak 11px, a ja hoću 5px. Kada izbacim padding u Operi je to što hoću, ali mi u IE #leva i #desna preklapaju sliku iz .oneColFixCtrHdr #MenuBar. Da bi to rešio moram da stavim margin-bottom:6px;, sad je u IE super, ali u Operi imam 11px.

Ne znam da li me kontate, ali evo suštine U IE mi treba i margin-bottom:6px; i padding_top:5px; da bi dobio što hoću, ali u Operi mi je jedno višak. U IE moram da imam margin-bottom:6px; jer ako nemam onda mi <div> #leva i #desna prelaze preko slike koja je pozadina u .oneColFixCtrHdr #MenuBar.
Znači treba da div #leva i #desna "zavučem" ispod slike ili da na neki način onemogućim Operu da učitava ili margin-bottom:6px; i padding_top:5px;

Ko razume, shvatiće!

Evo sličica
U Operi


U IE


To je stanje sa kodom koji je gore, a ako dodam padding-top:5px; onda je u IE dobro, ali Oper to još razvuče. aja hoću da to bude kao na slici u Oper. Kako rešiti?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ja sam taj problem resio pomocu sledeceg u CSS-u

!important;

I koliko se sećam, IE preskače vrednosti sa important a FF i Opera ih fermaju. Tako da obične vrednosti, bez !important služe za ie a important za FF i Operu.

tipa

padding: 10px;
padding: 12px !important;