Dva CSS u jednom html fajlu

[ ic2000 @ 30.01.2008. 12:49 ] @

Pozdrav svima,

interesuje me da li i kako da postavim dva stila na istoj html strani. I da li je to uopste moguce. Radim neki site u dreamweawer-u pa bih da razdvojim konkretno stilove za linkove. Kako primijenim neki odredjeni stil tako mi se on primijeni na sve linkove. Htio bih da mi budu razliciti.

Pozz

[ feroc1ty @ 30.01.2008. 13:18 ] @

Mozes to ovako

Code:

<style type="text/css">
    body {
        background-color:  red;
    }
    .blackl {
        color:black;
    }
    .whitel {
         color:white;
    }
    a {
        color: yellow;
    }
</style>
<a href="#" class="blackl" >Black</a>
<a href="#" class="whitel" >White</a>
<a href="#" > Default link </a>

Prodji kroz ove tutoriale bice ti lakse
http://www.w3schools.com/css/default.asp

_{[Ovu poruku je menjao feroc1ty dana 30.01.2008. u 18:06 GMT+1]}

[ ic2000 @ 30.01.2008. 14:45 ] @

Nikako ne mogu da postavim, kako god uradim uvjek je isti :(

[ webex @ 30.01.2008. 16:12 ] @

Probaj ovako...

Code:

<style type="text/css">
.blackl a {
color: black;
}
.whitel a {
color: white;
}
</style>

<div class="blackl">
<a href="#">Black</a>
</div>
<div class="whitel">
<a href="#" >White</a>
</div>

Mora da radi...

[ vatri @ 31.01.2008. 16:53 ] @

Ja sam to ovako uradio:

Code:
.meni a:link, a:visited, a:active{
    color: #CCCCCC;
    font-size: 16px;
    text-decoration: none;
... bla

Ovaj gore je za meni, a za ostale linkove samo

Code:

a{
text-decoration:none;
color:#003399;
}
a:hover{
text-decoration:underline;
}

I onda u stranicu samo:

Code:
<div class="meni">
<a href="link1.htm">link1</a>
<a href-"link2.htm">link2</a>
....
</div>

A ostale linkove samo upises ne moras klasu definisat.

PS mani se dreamweavera, radi u notepad-u, CSE HTML Validatoru, Notepad ++ ili tako nesto dok ne savladas to do kraja. Ja dreamweaver koristim samo za brze pisanje koda posto on sam generise kod pritiskom na ENTER i radi hex kodova

[ etrarkia @ 12.02.2008. 18:32 ] @

I ja imam slican/isti problem... imam dva menija a oba trebaju da mi budu razlicite boje (tekst je u pitanju).
Kako to da resim? Sa 2 CSS-a? Treba da ime sve atribute linka (hover, visited...).

Probao sam da linkujem 2 CSS-a samo sa:

<link href="pic/desnimeni.css" rel="stylesheet" type="text/css" />
<link href="pic/goremeni.css" rel="stylesheet" type="text/css" />

ali mi onda radi samo jedan od njih, ne i oba. Jel ima neko ideju kako ovo da resim?
Hvala

[ webex @ 12.02.2008. 19:06 ] @

Citat:

etrarkia: I ja imam slican/isti problem... imam dva menija a oba trebaju da mi budu razlicite boje (tekst je u pitanju).
Kako to da resim? Sa 2 CSS-a? Treba da ime sve atribute linka (hover, visited...).

Probao sam da linkujem 2 CSS-a samo sa:

<link href="pic/desnimeni.css" rel="stylesheet" type="text/css" />
<link href="pic/goremeni.css" rel="stylesheet" type="text/css" />

ali mi onda radi samo jedan od njih, ne i oba. Jel ima neko ideju kako ovo da resim?
Hvala

Objašnjeno je u gornjim postovima...

[ vatri @ 12.02.2008. 19:13 ] @

Mala izmjena:

Code:

.meni a:link, .meni a:visited{
    color: #CCCCCC;
    font-size: 16px;
    text-decoration: none;
... bla

samo dodaj .meni ispred a:visited i izbrisi a:active (ne treba ti).

Ove ostale linkove mozes na isti nacin gore opisat samo umjesto ".meni" stavis npr: .sadrzaj pa onda ovako

Code:

....
<div class="sadrzaj">
Neki tekst <a href="bla.htm">neki link</a>
</div>

Mozes dodati:

Code:

.meni a:hover{
color:druga boja;
}

da dobijes drugu boju prelaskom misa preko linka

poz

[ etrarkia @ 12.02.2008. 19:55 ] @

Hvala vatri

Radi.

[ joca zigggg @ 26.03.2009. 11:48 ] @

Ja se izvinjavam,ako sam dobro razumeo treba link staviti u poseban div tag,pa mu odrediti nezavisan stil drugaciji od onog u page property-u koj vazi za celu stranicu generalno,ili umesto toga odrediti "id" za odredjenu celiju u tabeli pa napraviti poseban stil...?

[ snake_master @ 26.03.2009. 12:01 ] @

Ok si razumeo, meni tj. linkove stavi u poseban div i onda tim linkovima daj drugi property.

Npr u page property su ti linkovi po defaultu (plavi, ljubičasti... i koji već ide:)) onda za jednu navigaciju i svaku sledeću koju hoćeš, možeš odrediti druge boje na sledeći način:

Code:
#menu a {
color: #000; /* crna boja linkova */
}
#menu a:hover {
color: #fff; /* bela boja pri prelasku misa preko njih */
}

pa sledeća navigacija u drugi div sa drugim ID-om npr: "menu-gornji" u opet pišeš property koje hoćeš.

Ovo se odnosi na sve html elemente ne samo na linkove, da možeš imati različite property za html elemente koji se nalaze na različitim mestima na web stranici.

To i jeste lepota CSSa:)

[ joca zigggg @ 26.03.2009. 12:14 ] @

Hvala nalepse...

[ vatri @ 27.03.2009. 21:17 ] @

Moze se i ovako ako je nekom lakse:

html:

Code:

<a class="link">Link</a>

css:

Code:

.link{
color:neka boja;
}

.link:hover{
color:neka druga boja;
}

[ joca zigggg @ 29.03.2009. 18:52 ] @

Meni ovo sve funkcionise,jedino mi ne prihvata boju za hover stanje...