/ 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
Problemer med div link
Fra : Nicolaj Johannesen


Dato : 09-06-11 09:14

Er der nogen der kan hjælpe mig her? Problemet kan ses på:
http://thekrukk.com/uni-temp/www/produkter/maskinstyringer.html

I google Chrome, Firefox og Safari, produktlinkene som de skal,
men i Internet Explorer kan man ikke klikke på billedet for at
åbne linket, kun teksten.

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

 
 
Kim Ludvigsen (09-06-2011)
Kommentar
Fra : Kim Ludvigsen


Dato : 09-06-11 09:34

Den 09-06-2011 10:13, Nicolaj Johannesen skrev:
> Er der nogen der kan hjælpe mig her? Problemet kan ses på:
> http://thekrukk.com/uni-temp/www/produkter/maskinstyringer.html

Hvis du bruger webbens "stavekontrol", vil du se, at du har
nogle fejl i din kode. Den fejl, som vedrører netop dette
problem, er, at du placerer div'er i dine links:

<a href="#">
<div class="bigproduct-wrap">

<h4>PRODUKT2</h4>
<div class="imagewrap-l"><img
src="../img/product2.png" /></div>
Jeg er en beskrivelse...
</div>
</a>

Det må man ikke, i stedet skal du placere linkene i div'erne:

<div class="bigproduct-wrap">

<h4><a href="#">PRODUKT2</a></h4>
<div class="imagewrap-l"> <a
href="#"><img src="../img/product2.png" /></a></div>
Jeg er en beskrivelse...
</div>

Bemærk, at du hermed skal oprette linket to gange.

Du har flere andre fejl i henhold til validatoren, dem bør
du også rette.Validatoren findes her:
http://validator.w3.org

--
Mvh. Kim Ludvigsen
Tips til hjemmesidesnedkeren:
http://kimludvigsen.dk/tips-internet-websnedker.php

Nicolaj Johannesen (09-06-2011)
Kommentar
Fra : Nicolaj Johannesen


Dato : 09-06-11 10:06

Tak for hjælpen. Det kunne godt ske jeg lige skulle evaluere siden
engang og rette op på diverse fejl.

Men hvis man opretter 2 links, vil teksten heller ikke blive aktiv
når man kører musen over billedet, hvilket egentlig var meningen jo.

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

Kim Ludvigsen (09-06-2011)
Kommentar
Fra : Kim Ludvigsen


Dato : 09-06-11 11:00

Den 09-06-2011 11:05, Nicolaj Johannesen skrev:
> Tak for hjælpen. Det kunne godt ske jeg lige skulle evaluere siden
> engang og rette op på diverse fejl.
>
> Men hvis man opretter 2 links, vil teksten heller ikke blive aktiv
> når man kører musen over billedet, hvilket egentlig var meningen jo.

Det er fordi, jeg sov i timen. Jeg overså, at du har en
særskilt div til teksten. Vil du beholde den, skal du have
tre link-koder.

--
Mvh. Kim Ludvigsen
Standardoverholdende multimedia på hjemmesiden:
http://kimludvigsen.dk/tips-internet-websnedker-multimedia.php

Birger Sørensen (09-06-2011)
Kommentar
Fra : Birger Sørensen


Dato : 09-06-11 12:37

Nicolaj Johannesen tastede følgende:
> Er der nogen der kan hjælpe mig her? Problemet kan ses på:
> http://thekrukk.com/uni-temp/www/produkter/maskinstyringer.html
>
> I google Chrome, Firefox og Safari, produktlinkene som de skal,
> men i Internet Explorer kan man ikke klikke på billedet for at
> åbne linket, kun teksten.

Validering, validering....
To ting : først er der HTML-fejl, som Kim har påpeget (der må ikke være
div i a). Du bruger XHTML, men afender snuppelserne - mindst et af dine
mets-tags er ikke lukket som de skal være i XHTML, og der mangler alt
for billeder.

Men det væsentlige jeg havde på hjerte, er nok at visse versioner af
IE, ikke fanger klik på baggrund som klik på elementet. Det går altså
ikke med billedet som baggrund i et link, uden der også er indhold i
elementet.
Lidt pudsigt også, at du faktisk vil have flaget som aktivt indhold,
men gemmer det væk i en baggrund. Sæt et regulært billede <img> ind i
stedet for div'en - så virker det, både i IE og rigtige browsere.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



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

Månedens bedste
Årets bedste
Sidste års bedste