Malo pitanje u vezi CSS-a

1

Malo pitanje u vezi CSS-a

offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Evo jednog početničkog pitanja: smešak
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" />



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Pridružio: 24 Mar 2004
  • Poruke: 3962
  • Gde živiš: Zemun

radice Smile
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 Smile



offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

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

offline
  • Pridružio: 01 Apr 2006
  • Poruke: 658
  • Gde živiš: Kruševac

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

offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

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.

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3663
  • Gde živiš: 127.0.0.1

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





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

offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

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

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3663
  • Gde živiš: 127.0.0.1

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

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

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 Smile samo je bitno da navike budu u skladu sa standardima...

offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

OK imaću to u vidu. Wink

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; Mr. Green

Ko razume, shvatiće! Wink

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?

offline
  • SSpin 
  • Saradnik foruma
  • Pridružio: 09 Dec 2004
  • Poruke: 6488
  • Gde živiš: Nis -> ***Durlan City***

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;

Ko je trenutno na forumu
 

Ukupno su 587 korisnika na forumu :: 5 registrovanih, 2 sakrivenih i 580 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: Atomski čoban, DJ Brain(w)rack, dragoljub11987, Pohovani_00, Snorks