A href op een div

Status
Niet open voor verdere reacties.
R

raymond88

Gebruiker
Lid geworden
24 feb 2010
Berichten
287
Ik heb verschillende divjes, die ik in zijn geheel een link wil meegeven. Echter is dat niet correcte opmaak, om een <a href=""> te plaatsen om een divje. Hoe los ik dit het meest nette op?

Dit is mijn doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
Dat hangt erg af van de rest van je code. In sommige gevallen kun je dat bereiken door het <a> element display:block; mee te geven in de CSS. In andere zul je javascript moeten gebruiken, wat weer als nadeel heeft dat iemand die, om wat voor reden dan ook, geen javascript kan gebruiken dus niets met je link kan. Zoekmachine bots zullen ook in de war raken.
 
Nou het is wel belangrijk dat de link voor iedereen klikbaar is, en dat het ook valide code is. Google/ zoekmachines maakt me nog niet zoveel uit. Ik snap je javascript wel (onclick= neem ik aan?), maar dat andere niet. Zou je me hierbij kunnen helpen?
 
raymond88 zei:
Nou het is wel belangrijk dat de link voor iedereen klikbaar is, en dat het ook valide code is. Google/ zoekmachines maakt me nog niet zoveel uit. Ik snap je javascript wel (onclick= neem ik aan?), maar dat andere niet. Zou je me hierbij kunnen helpen?
Klik om te vergroten...
Niet zonder broncode of het adres van je site.
 
Nou, het ziet er als volgt uit;

HTML: 
<div id="kiesknop">
                                    <div class="knop_left"></div>
                                    <div class="knop_middle" style="height: 20px; width: 110px; padding-top: 9px">
                                        <img border="0" src="plaatjes/andere/kies_tekst.png" alt="kies" />
                                    </div>
                                    <div class="knop_right"></div>
                            </div>

(de hele kiesknop moet dus klikbaar worden)
 
Het is me niet helemaal duidelijk wat je precies wilt bereiken (waarom heb je die ene div in drieën gedeeld?) maar als dat plaatje de hele knop inneemt dan is de simpelste oplossing om de <a></a> om het plaatje heen te zetten, dat is gewoon valide code.

Even terzijde, het is niet praktisch om CSS en HTML in hetzelfde bestand te zetten, het betekend dat je voor iedere pagina de CSS weer opnieuw moet maken, iedere wijziging die je wilt doen moet je ook weer voor iedere pagina herhalen. Het is beter om alles CSS in een apart CSS bestand te plaatsen en daarnaar te linken vanuit je HTML bestand door <link rel="stylesheet" type="text/css" href="naamvanjestylesheet.css" /> in de <head> van je html bestanden te zetten.
 
Het midden van deze knop is altijd anders, als ook de inhoud. De inhoud is echter smaller in zowel hoogte als de breedte. Echter wil ik niet alleen de inhoud klikbaar hebben, maar heel de div (kiesknop).

Het is een driedeling vanwege de knop die afrondingen heeft, en door de variabele middengrootte heb ik hem moeten opsplitsen.
 
raymond88 zei:
Het midden van deze knop is altijd anders, als ook de inhoud. De inhoud is echter smaller in zowel hoogte als de breedte. Echter wil ik niet alleen de inhoud klikbaar hebben, maar heel de div (kiesknop).

Het is een driedeling vanwege de knop die afrondingen heeft, en door de variabele middengrootte heb ik hem moeten opsplitsen.
Klik om te vergroten...
Dan zou de <a></a> om <img [...] /> heen zetten toch een acceptabele oplossing moeten zijn of zie ik dat verkeerd? Goed, de randjes zijn dan niet klikbaar maar dat hoeft niet storend te zijn.
 
Kan door middel van:
<div id="kiesknop" onclick="location.href='http://helpmij.nl/';" style="cursor: pointer;">
de href is uiteraard aan te passen.
PP
 
de oplossing van Poppoll gebruikt echter wel javascript. Een a-tag om de div is gewoon illegale HTML, ook al is de style van de a dus wel display: block.

Een combinatie van de javascript-oplossing en die van Naarling - dus om het plaatje een link - lijkt me het beste.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan