/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
To forskellige stylesheets til samme side
Fra : Jost L. Hansen


Dato : 07-08-07 10:50

Hej

(dette er sikkert blevet besvarret en masse gange før, men jeg
har ikke været i stand til at finde det rette indlæg. Så hvis det
er blevet set mange gange før beklager jeg)

Jeg er ved at lave et site hvor der en top menu med links der
fraviger fra standard links mht farve og hoovering effekt osv.
Og så skal alle andre links på siden opføre sig "normalt" dvs med
blå farve osv.

Jeg har lavet to stylesheets, men det sidste jeg sætter ind på
min side overskriver det andet. Dvs jeg kan ikke få linksne til
at se forskellige ud.

Hvordan kan jeg få to stylesheets til at virker til samme side,
og vise linksne forskelligt.


Håber der er nogen der kan hjælpe.

På forhånd tak.

Jost

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Frederik Junkuhn (07-08-2007)
Kommentar
Fra : Frederik Junkuhn


Dato : 07-08-07 10:55

Jost L. Hansen wrote in dk.edb.internet.webdesign.html:
> Hej
>
> (dette er sikkert blevet besvarret en masse gange før, men jeg
> har ikke været i stand til at finde det rette indlæg. Så hvis det
> er blevet set mange gange før beklager jeg)
>
> Jeg er ved at lave et site hvor der en top menu med links der
> fraviger fra standard links mht farve og hoovering effekt osv.
> Og så skal alle andre links på siden opføre sig "normalt" dvs med
> blå farve osv.
>
> Jeg har lavet to stylesheets, men det sidste jeg sætter ind på
> min side overskriver det andet. Dvs jeg kan ikke få linksne til
> at se forskellige ud.
>
> Hvordan kan jeg få to stylesheets til at virker til samme side,
> og vise linksne forskelligt.
>
>
> Håber der er nogen der kan hjælpe.
>
> På forhånd tak.
>
> Jost
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials



Du kan bruge "class" eller "id" til det.

Så giver du de links der skal skille sig ud en klasse

<a href="www.google.com" class="sortlink">Klik her!</a>
og i dit stylesheet laver du en defenition på den klassse.

..sorlink{
color:black;
text-decoration:none;}

..sortlink:hover{
color:red;}

så har du sort teskt med rød hover effekt... I et stylesheet


/Frederik Junkuhn


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jost L. Hansen (07-08-2007)
Kommentar
Fra : Jost L. Hansen


Dato : 07-08-07 12:55

Mange tak for hjælpen. Jeg mente nok man også kunne gøre sådan, men jeg
kunne bare ikke lige huske hvordan

Dog skal der kun være ét punktum ud for class'en i stylesheetet.

Mvh

Jost


Frederik Junkuhn wrote in dk.edb.internet.webdesign.html:
> Jost L. Hansen wrote in dk.edb.internet.webdesign.html:
> > Hej
> >
> > (dette er sikkert blevet besvarret en masse gange før, men jeg
> > har ikke været i stand til at finde det rette indlæg. Så hvis det
> > er blevet set mange gange før beklager jeg)
> >
> > Jeg er ved at lave et site hvor der en top menu med links der
> > fraviger fra standard links mht farve og hoovering effekt osv.
> > Og så skal alle andre links på siden opføre sig "normalt" dvs med
> > blå farve osv.
> >
> > Jeg har lavet to stylesheets, men det sidste jeg sætter ind på
> > min side overskriver det andet. Dvs jeg kan ikke få linksne til
> > at se forskellige ud.
> >
> > Hvordan kan jeg få to stylesheets til at virker til samme side,
> > og vise linksne forskelligt.
> >
> >
> > Håber der er nogen der kan hjælpe.
> >
> > På forhånd tak.
> >
> > Jost
> >
> > --
> > Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> > - Pædagogiske tutorials på dansk
> > - Kom godt i gang med koderne
> > KLIK HER! => http://www.html.dk/tutorials
>
>
>
> Du kan bruge "class" eller "id" til det.
>
> Så giver du de links der skal skille sig ud en klasse
>
> <a href="www.google.com" class="sortlink">Klik her!</a>
> og i dit stylesheet laver du en defenition på den klassse.
>
> ..sorlink{
> color:black;
> text-decoration:none;}
>
> ..sortlink:hover{
> color:red;}
>
> så har du sort teskt med rød hover effekt... I et stylesheet
>
>
> /Frederik Junkuhn
>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Frederik Junkuhn (07-08-2007)
Kommentar
Fra : Frederik Junkuhn


Dato : 07-08-07 13:37

Hehe...

Sorry, det er en tastefejl fra min side.. Of så to gange i træk.. :)


Jost L. Hansen wrote in dk.edb.internet.webdesign.html:
> Mange tak for hjælpen. Jeg mente nok man også kunne gøre sådan, men jeg
> kunne bare ikke lige huske hvordan
>
> Dog skal der kun være ét punktum ud for class'en i stylesheetet.
>
> Mvh
>
> Jost
>
>
> Frederik Junkuhn wrote in dk.edb.internet.webdesign.html:
> > Jost L. Hansen wrote in dk.edb.internet.webdesign.html:
> > > Hej
> > >
> > > (dette er sikkert blevet besvarret en masse gange før, men jeg
> > > har ikke været i stand til at finde det rette indlæg. Så hvis det
> > > er blevet set mange gange før beklager jeg)
> > >
> > > Jeg er ved at lave et site hvor der en top menu med links der
> > > fraviger fra standard links mht farve og hoovering effekt osv.
> > > Og så skal alle andre links på siden opføre sig "normalt" dvs med
> > > blå farve osv.
> > >
> > > Jeg har lavet to stylesheets, men det sidste jeg sætter ind på
> > > min side overskriver det andet. Dvs jeg kan ikke få linksne til
> > > at se forskellige ud.
> > >
> > > Hvordan kan jeg få to stylesheets til at virker til samme side,
> > > og vise linksne forskelligt.
> > >
> > >
> > > Håber der er nogen der kan hjælpe.
> > >
> > > På forhånd tak.
> > >
> > > Jost
> > >
> > > --
> > > Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> > > - Pædagogiske tutorials på dansk
> > > - Kom godt i gang med koderne
> > > KLIK HER! => http://www.html.dk/tutorials
> >
> >
> >
> > Du kan bruge "class" eller "id" til det.
> >
> > Så giver du de links der skal skille sig ud en klasse
> >
> > <a href="www.google.com" class="sortlink">Klik her!</a>
> > og i dit stylesheet laver du en defenition på den klassse.
> >
> > ..sorlink{
> > color:black;
> > text-decoration:none;}
> >
> > ..sortlink:hover{
> > color:red;}
> >
> > så har du sort teskt med rød hover effekt... I et stylesheet
> >
> >
> > /Frederik Junkuhn
> >
> >
> > --
> > Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> > - Pædagogiske tutorials på dansk
> > - Kom godt i gang med koderne
> > KLIK HER! => http://www.html.dk/tutorials
>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Kerim Ellentoft (07-08-2007)
Kommentar
Fra : Kerim Ellentoft


Dato : 07-08-07 18:01

Frederik Junkuhn <frederik@junkuhn.com> skrev :

><a href="www.google.com" class="sortlink">Klik her!</a>

Linket vil ikke virke, det vil vise, at det ikke kan finde siden.

--
Kerim
»Søger nogen en anden religion end Islam, skal den ikke modtages
af Ham, og han skal i det kommende liv være blandt taberne.«
(Sura 3, vers 87)

Jørgen Farum Jensen (07-08-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 07-08-07 18:42

Kerim Ellentoft skrev:
> Frederik Junkuhn <frederik@junkuhn.com> skrev :
>
>> <a href="www.google.com" class="sortlink">Klik her!</a>
>
> Linket vil ikke virke, det vil vise, at det ikke kan finde siden.
>

Ja, men du ku' jo godt lige ha' skrevet
at den korrekte syntaks er:

<a href="http://www.google.com" class="sortlink">
Klik her!</a>

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Kerim Ellentoft (07-08-2007)
Kommentar
Fra : Kerim Ellentoft


Dato : 07-08-07 19:01

Jørgen Farum Jensen <jfjenzen@yahoo.dk> skrev :

>Ja, men du ku' jo godt lige ha' skrevet
>at den korrekte syntaks er:

I skal da også ødelægge alting

Jeg ville ha' at Frederik selv skulle prøve, at finde ud af
hvorfor og hvad der skal skrives.

--
Kerim
»Søger nogen en anden religion end Islam, skal den ikke modtages
af Ham, og han skal i det kommende liv være blandt taberne.«
(Sura 3, vers 87)

Frederik Junkuhn (08-08-2007)
Kommentar
Fra : Frederik Junkuhn


Dato : 08-08-07 07:11

Jeg er godt klar over at der skal stå "http://" for "www" men det
var ikke det jeg skulle forklare. Det var muligheden for at tilføje
ne klasse til <a> tagget. Undskyld hvis jeg har skabt forvirring om
hvordan man lavet et link i HTML..

Kerim Ellentoft wrote in dk.edb.internet.webdesign.html:
> Frederik Junkuhn <frederik@junkuhn.com> skrev :
>
> ><a href="www.google.com" class="sortlink">Klik her!</a>
>
> Linket vil ikke virke, det vil vise, at det ikke kan finde siden.
>
> --
> Kerim
> »Søger nogen en anden religion end Islam, skal den ikke modtages
> af Ham, og han skal i det kommende liv være blandt taberne.«
> (Sura 3, vers 87)


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Kerim Ellentoft (08-08-2007)
Kommentar
Fra : Kerim Ellentoft


Dato : 08-08-07 16:35

Frederik Junkuhn <frederik@junkuhn.com> skrev :

>Jeg er godt klar over at der skal stå "http://" for "www" men det
>var ikke det jeg skulle forklare.

Nej, men når man laver et kodeeksempel, så bør man lave det
korrekt, for ikke at bringe andre i tvivl om, hvordan det skal
skrives.

Iøvrigt, så må du meget gerne læse
http://www.html.dk/nyhedsgrupper/usenet.asp, især »Gælder der
nogle regler for nyhedsgrupperne?«og som du også bliver
anbefalet, når du svarer på et indlæg via html.dk.

--
Kerim
»Søger nogen en anden religion end Islam, skal den ikke modtages
af Ham, og han skal i det kommende liv være blandt taberne.«
(Sura 3, vers 87)

Allan Vebel (07-08-2007)
Kommentar
Fra : Allan Vebel


Dato : 07-08-07 12:28

Jost L. Hansen skrev:

> Hvordan kan jeg få to stylesheets til at virker
> til samme side, og vise linkene forskelligt.

Det kan gøres på mange måder, det nemmeste
er at lægge en <div> om din menu, og give den
et navn.

<div id="topmenu">
<ul>
<li>Menupunkt 1</li>
<li>Menupunkt 2</li>
</ul>
</div>

Så kan den tilgås med

#topmenu{

}

#topmenu li{

}

#topmenu a{

}
#topmenu a:hover{

}

og så videre.

Se også http://html-faq.dk/2026.asp

--
Allan Vebel
http://html-faq.dk



Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408938
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste