---

Hey Allesammen!

Jeg har et lille problem med mine billedlinks jeg vil jo ikke
have en blå ring rundt om mit billed, det er jo ikke meningen. I
firfox virker mit kodning til at der ikke skal en blå linie rundt
om min knap/link.

Her er mit CSS kodning:

a:link {
color: #000000;
text-decoration:none;
}

a:visited {
    color: #000000;
    text-decoration:none;
    }

a:active {
    color: #000000;
    text-decoration:none;
    }

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

- Tak på forhånd

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

---

Altså mit problem er jo i explor

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

---

jonathan skrev:

> Jeg har et lille problem med mine billedlinks jeg vil jo ikke
> have en blå ring rundt om mit billed, det er jo ikke meningen. I
> firfox virker mit kodning til at der ikke skal en blå linie rundt
> om min knap/link.

   img { border: none; }

Det klarer problemet.

> Her er mit CSS kodning:

Det kan forenkles til:

a {
   color: #000;
   text-decoration:none;
}

og ikke mere. Med den metode gælder stylingen alle links på hele
siden. Det er kun hvis tilstandene skal være forskellige at det
er nødvendigt at pinde det ud. Husk at du skal bruge rækkefølgen

   link, visited, hover, active (huskeregel: LoVe HAte)

hvis du har brug for at specificere.

#000 og #000000 er samme farve. Princippet for den korte form er
at:

   #xyz = #xxyyzz.

Kortformen kan kun bruges med tre cifre - altså enten tre eller
seks cifre efter #.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Hey!

Det hjalp faktisk rigtig meget.
Jeg har lige et spørgsmål mere mens vi er igang...
hvordan for jeg et nyt billed frem når man har musen over en knap?
uden at det gør det ved alle knapper (som der gør ved a:hover)

-Jonathan

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

---

jonathan skrev:

> Jeg har lige et spørgsmål mere mens vi er igang...
> hvordan for jeg et nyt billed frem når man har musen over en knap?
> uden at det gør det ved alle knapper (som der gør ved a:hover)

Du laver en klasse som du kun bruger ved ét billede. Du kan også
få a:hover til kun at virke ved ét eneste link. Først et
eksempel på det sidste:

CSS
..stor_hover a:hover { font-size: 200%; }

HTML
<a class='stor_hover' href='blablabla'>Peg her og klik bagefter!</a>


Eksempel med et billede der skifter ved hover:

CSS
..zakarias {
   width: 356px;
   height: 356px;
   margin: 20px;
   padding: 0;
   background: url(Zakarias.jpg) no-repeat;
   display: block;
}
..zakarias:hover { background: url(Zakarias1.jpg) no-repeat; }

HTML
<div>
   <p><a class='zakarias' href='

'>http://lundhansen.dk/zakarias/zakarias.php'>

   <p class='zakariastekst'><a href='Gro'>http://lundhansen.dk/zakarias/zakarias.php'>Gro og Uffes barn, Zakarias (født 11/3-2004)</a><br>
    Han hedder dog Lund Isaksen til efternavn.
   </p>
</div>

Eksemplet kan ses på denne hjemmeside:

   http://www.lundhansen.dk/

ved Zakarias.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
>
> Du laver en klasse som du kun bruger ved ét billede. Du kan også
> få a:hover til kun at virke ved ét eneste link. Først et
> eksempel på det sidste:
>
> CSS
> ..stor_hover a:hover { font-size: 200%; }
>
> HTML
> <a class='stor_hover' href='blablabla'>Peg her og klik bagefter!</a>
>
>
> Eksempel med et billede der skifter ved hover:
>
> CSS
> ..zakarias {
>    width: 356px;
>    height: 356px;
>    margin: 20px;
>    padding: 0;
>    background: url(Zakarias.jpg) no-repeat;
>    display: block;
> }
> ..zakarias:hover { background: url(Zakarias1.jpg) no-repeat; }
>
> HTML
> <div>
>    <p><a class='zakarias' href='

'>http://lundhansen.dk/zakarias/zakarias.php'>

>    <p class='zakariastekst'><a href='Gro'>http://lundhansen.dk/zakarias/zakarias.php'>Gro og Uffes barn, Zakarias (født 11/3-2004)</a><br>
>     Han hedder dog Lund Isaksen til efternavn.
>    </p>
> </div>
>
> Eksemplet kan ses på denne hjemmeside:
>
>    http://www.lundhansen.dk/
>
> ved Zakarias.
>
Hey...

Det jeg har skrevet i html-delen er:

HTML:
<a class="forside" href="#"><img src="knapper/forside_0.gif"></a>

og i CSS:
..forside:hover {
background: url(forside_1.gif) no-repeat;
}

Nu er problemet bare at der ikke rigtig sker noget når jeg flytter musen over..

-Jonathan



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

---

"jonathan" skrev i en meddelelse...

> .forside:hover {
> background: url(forside_1.gif) no-repeat;
> }

Er det, fordi IE ikke vil acceptere hover på andet end anchors?

Hvad med

..forside a:hover{

eller

a.forside:hover{

MVH
Rune Jensen

---

Rune Jensen skrev:

> Er det, fordi IE ikke vil acceptere hover på andet end anchors?

Jo. Derfor laver jeg somme tider pseudoankre, altså ankre der
bare fører tilbage til samme side.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Rune Jensen wrote in dk.edb.internet.webdesign.html:
> "jonathan" skrev i en meddelelse...
>
> > .forside:hover {
> > background: url(forside_1.gif) no-repeat;
> > }
>
> Er det, fordi IE ikke vil acceptere hover på andet end anchors?
>
> Hvad med
>
> ..forside a:hover{
>
> eller
>
> a.forside:hover{
>
> MVH
> Rune Jensen

Nej det her vi diskutere er lige noget andet lige nu... jeg har
fået svar på mit første spørgsmål det her har ikke noget at gøre
med ie ^^

-jonathan


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

---

"jonathan" skrev i en meddelelse...

> Nej det her vi diskutere er lige noget andet lige nu... jeg har
> fået svar på mit første spørgsmål det her har ikke noget at gøre
> med ie ^^

Aha... Men den kode, du henviser til, og som du skriver ikke virker...

..forside:hover {
background: url(forside_1.gif) no-repeat;
}

....der refererer du ikke til din a, selvom du bruger hover, og så er det
ganske sikkert, at IE ikke vil godtage den.
Så kan det jo være, det blir subject, når du finder ud af det

Men så undskylder jeg forstyrrelsen og misforståelsen indtil da.

MVH
Rune Jensen

---

Hey!

Jeg har fået det til at virke ... jeg har bare brugt et lille javascript..
OnMouseOver...

Det virker fint!

-Jonathan


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

---

"jonathan" skrev i en meddelelse...

> Jeg har fået det til at virke ... jeg har bare brugt et lille javascript..
> OnMouseOver...
>
> Det virker fint!

Mja

Det er vidst da at springe over gærdet. Troede, du ville lave det med CSS,
det andet er for nemt. Så håber jeg bare ikke, det er lavet sådan, man alene
kan bruge musen.

MVH
Rune Jensen

---

Hey!

Det hjalp faktisk rigtig meget.
Jeg har lige et spørgsmål mere mens vi er igang...
hvordan for jeg et nyt billed frem når man har musen over en knap?
uden at det gør det ved alle knapper (som der gør ved a:hover)

-Jonathan

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

---

"Rune Jensen" <runeofdenmark@hotmail.com> writes:

> Er det, fordi IE ikke vil acceptere hover på andet end anchors?

Næppe, her er det et a-element der hooveres over. At IE 6 og tidligere
ikke forstod hoover på andet end a-elementer betyder ikke at man
skal skrive "a" i CSS-selektoren, blot at en selektor der slutter
på ":hover" ikke matcher andet end a-elementer *der er links*.

> Hvad med
>
> .forside a:hover{
>
> eller
>
> a.forside:hover{

Højst en af dem. De betyder forskellige ting.

Den første regel er et a-element inden i et element med klassen "forside".
Den anden regel er et a-element med klassen "forside".

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'