Dva CSS u jednom html fajlu

Dva CSS u jednom html fajlu 30.01.2008. u 13:49 · pre 228 meseci #1

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

Re: Dva CSS u jednom html fajlu 30.01.2008. u 14:18 · pre 228 meseci #2

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

Re: Dva CSS u jednom html fajlu 30.01.2008. u 15:45 · pre 228 meseci #3

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

Re: Dva CSS u jednom html fajlu 30.01.2008. u 17:12 · pre 228 meseci #4

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...

Potpis

http://blog.webex.rs
http://redesigne.rs

Re: Dva CSS u jednom html fajlu 31.01.2008. u 17:53 · pre 228 meseci #5

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

Re: Dva CSS u jednom html fajlu 12.02.2008. u 19:32 · pre 228 meseci #6

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

Re: Dva CSS u jednom html fajlu 12.02.2008. u 20:06 · pre 228 meseci #7

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...

Potpis

http://blog.webex.rs
http://redesigne.rs

Re: Dva CSS u jednom html fajlu 12.02.2008. u 20:13 · pre 228 meseci #8

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

Re: Dva CSS u jednom html fajlu 12.02.2008. u 20:55 · pre 228 meseci #9

Hvala vatri

Radi.

Re: Dva CSS u jednom html fajlu 26.03.2009. u 12:48 · pre 214 meseci #10

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...?

Potpis

joca

Re: Dva CSS u jednom html fajlu 26.03.2009. u 13:01 · pre 214 meseci #11

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:)

Re: Dva CSS u jednom html fajlu 26.03.2009. u 13:14 · pre 214 meseci #12

Hvala nalepse...

Potpis

joca

Re: Dva CSS u jednom html fajlu 27.03.2009. u 22:17 · pre 214 meseci #13

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;
}

Re: Dva CSS u jednom html fajlu 29.03.2009. u 19:52 · pre 214 meseci #14

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

Potpis

joca

Forum kao aplikacija na telefonu

Srodne teme