/ 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
Problem med css i explor men ikke i firefo~
Fra : jonathan


Dato : 25-09-07 19:07

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

 
 
jonathan (25-09-2007)
Kommentar
Fra : jonathan


Dato : 25-09-07 19:09

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

Bertel Lund Hansen (25-09-2007)
Kommentar
Fra : Bertel Lund Hansen


Dato : 25-09-07 19:34

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/

jonathan (25-09-2007)
Kommentar
Fra : jonathan


Dato : 25-09-07 20:10

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

Bertel Lund Hansen (26-09-2007)
Kommentar
Fra : Bertel Lund Hansen


Dato : 26-09-07 00:52

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/

jonathan (26-09-2007)
Kommentar
Fra : jonathan


Dato : 26-09-07 13:14

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

Rune Jensen (26-09-2007)
Kommentar
Fra : Rune Jensen


Dato : 26-09-07 13:26

"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



Bertel Lund Hansen (26-09-2007)
Kommentar
Fra : Bertel Lund Hansen


Dato : 26-09-07 13:41

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/

jonathan (26-09-2007)
Kommentar
Fra : jonathan


Dato : 26-09-07 13:53

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

Rune Jensen (26-09-2007)
Kommentar
Fra : Rune Jensen


Dato : 26-09-07 14:05

"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



jonathan (26-09-2007)
Kommentar
Fra : jonathan


Dato : 26-09-07 14:38

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

Rune Jensen (26-09-2007)
Kommentar
Fra : Rune Jensen


Dato : 26-09-07 14:51

"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



jonathan (25-09-2007)
Kommentar
Fra : jonathan


Dato : 25-09-07 20:12

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

Lasse Reichstein Nie~ (27-09-2007)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 27-09-07 07:34

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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste