HTMl, links op plaatje werk niet op bepaalde plekken

Status
Niet open voor verdere reacties.

gebruiker78

Gebruiker
Lid geworden
29 jun 2010
Berichten
428
hallo, *edit het gaat hier om gebruiker78Sites.html en die css
mijn site:http://www.megaupload.com/?d=VB7IDKUA (alles in een zip)
het is heel simpel. maar ergens zit een probleem.
bij die box afbeelding heb ik een link toegevoegd maar toch pakt hij het niet ik kan alleen op een klein randje van de afbeelding op de link klikken
 
Laatst bewerkt:
Je zou eens kunnen proberen a {display: block;}.
Maar de absolute posities van alle elementen kan aanzienlijke narigheid opleveren voor goede vertoning bij alle resoluties. Dat zou ik vermijden door geen absolute posities te gebruiken!

Verder hebben je links naar de images slashes die twee kanten op gaan:
HTML:
<img title="Home" src="..\HomePage_Pic/Home.png" alt="" ... enz.
Ze moeten allemaal naar rechts / staan.

Met vriendelijke groet,
CSShunter
 
oke,
ik heb nu / gebruikt, en hij hoort toch op elk scherm boven de 1024-768px goed tevoorschijn te komen? nouja tenzij je veel bovenwerk hebt dan moet je scrollen.

maar met deze code krijgt toch een afbeelding een link <a href=""><img ....></a> maar chek dit:
http://img96.imageshack.us/i/naamloosdtf.jpg/
alleen bij die rode lijn die gepaint is kan ik klikken, waarom kan ik niet over de hele afbeelding klikken?

dus de site is nou:
http://www.megaupload.com/?d=VB7IDKUA
 
Laatst bewerkt:
Even geprobeerd, en bij mij is steeds de hele link aanklikbaar, zowel in Firefox als in IE7.
  • Hoe bekijk jij je resultaat? In een preview-venster van een html-editor, of open je de pagina regelrecht in een echte browser? (preview-vensters maken er vaak een rommeltje van)
Maar wat je als allereerste moet doen, is even de html-validator raadplegen. Er zitten een aantal essentiële fouten in de pagina.
Vervolgens kan je de twee kwalen van deze pagina gaan aanpakken: "absolutisme" en "divitis". ;)
  • "Absolutisme": alle <div>-containers hebben een position:absolute, waarmee ze stuk voor stuk vasthangen aan de linkerbovenhoek. Zo wordt alles zonder op- of omkijken over elkaar heen geplakt, en kan de pagina bv. nooit gecentreerd worden. Als een bepaalde container van formaat moet veranderen past de rest zich niet automatisch aan. Enz.
  • "Divitis": er staan een heleboel overbodige <div>'s in. Bv. de links van het menu hebben voor 90% dezelfde css-eigenschappen. Die kunnen dan allemaal tegelijk geregeld worden door er een mooi lijstje van te maken:
HTML:
<div id="Navbar">
   <ul>
        <li><a href="...">... enz.</a></li>
        <li><a href="...">... enz.</a></li>
        <li><a href="...">... enz.</a></li>
   </ul>
</div>
met:
Code:
#Navbar a {
    ...
    ...
    }
Met vriendelijke groet,
CSShunter
 
bedankt voor de infomatie, ik weet dat ik veel met div's werk maarja.
ik zelf test alles in de ''test'' van het programma zelf en met google chrome.

dat met die absolute heb ik inderdaad last van gehad want zo kon ik de link links van de pagina niet aanklikken maar rechts wel, omdat waarschijnlijk die linkse door die rechtse was overlapt.

maar welke moet ik dan gebruiken? inplaats van absolute?


sorry dat ik veel vraag
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan