css inline & block element jag vill omvandla en div till länk

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

  • 3 Comments

  • Logga in