Ville omvandla en div till en länk. Problemet från början var att jag helt enkelt ville lägga en div innanför en <a> tag, och då sa “w3c validator” att det är fel – man “får inte” lägga “blockelement innanför inline element”
Hade också probem med litet tomt utrymme ovanför diven innan.
Kommer inte ihåg var jag såg lösningen.. här är den iaf:
<div id=”kan-ni-fixa-hemsida-bra-hemsida” onclick=”location.href=’index.php’;>
</div>
På det här sättet behövs inte a taggarna alls och koden validerar.
Läste på lite mer om blockelement & inline element, här är kontentan:
Ett block element är en stor bit/chunk i sig själv.
Inline – är innehåll, stuff som är tänkt att sättas inuti block.
Block element:
Positionerar sig själv under andra delar på hemsidan.
Tar upp fullt utrymme i horisontellt (i sidled),av det utrymme den ligger i om man inte satt en specifik bredd.
Höjden anpassar sig efter innehållet (om man inte skrivit annat i koden)
Kan innehålla andra blockelement och även inline dokument.
Vanliga blockelement:
<div>, <h1>…<h6>, <p>, <ul>, <ol>, <dl>, <table>, <blockquote>, <form>
Inline element funkar såhär:
* Positioneras automatiskt horisotellt intill föreliggande innehåll (lägger sig inte under som blockelement)
* Tar upp minimalt med utrymme i höjd och sidled.
* Kan endast innehåll andra inline element.
Vanliga inline element: <span>, <a>, <strong>, <em>, <img />, <abbr>, <acronym>
Genom att använda display: block; och display: inline, så kan man ändra delar till det omvända :)