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



Friday, 5 March, 2010 at 17:46
Kom ihåg att hela blocket blir en länk då, inte bara ev. text. Brs att också ändra pointern så man ser det är en länk!
Friday, 5 March, 2010 at 17:51
already done (omvandlat cursor).
(cursor: pointer; ) :)
Mmm, hela blocket är “en bild”. :) så hela ska vara en länk :)
men gaaaah, jag har en helt annan issue nu..
Jag har en “row” div (class) och när jag fyller den med innehåll så blir den inte längre, utan stannar vid sin min-height. innehållet float:ar där inne, och när jag tar bort float så expanderar diven… men då lägger sig inte innehållet där det ska utan under varandra… *snyyyyft*
Friday, 5 March, 2010 at 17:58
Allright!
Hittat lösningen
På positioniseverythings hemsida
