Sida 1 av 1

Problem med html/css koder

Postat: 12 apr 2014, 10:50
av nisse2
Det finns ju mycket kunskap här och har ett par problem när jag försöker mig på följande (se nedan), någ(on)ra som har förslag hur jag lösa detta?

Har en "css-fil som lägger upp en bild på toppen och som jag skulle vilja göra klickbar tex. till startsidan, samt att få en top marginal till bilden för den lägger sig bara överst.


**************************************

general.css

#mylogo {
margin-top: 20px; (??funkar ej)
height: 150px;

background: url('img/mypicture.jpg')
no-repeat;

margin: 0 0 0 20px; (lägger bilden överst till vänster med marginalen 20px från vänster, men skulle vilja ha topp marginal ockå men detta funkar inte med någon värde alls när jag ändrar nollorna 0 0 0)
}

***********************************

html

<div id="mylogo"> (här skulle jag vilja en bilden som kommer upp klicbar)


</div>

Re: Problem med html/css koder

Postat: 12 apr 2014, 12:06
av Osprey
Det där med var saker lägger sig är en hel vetenskap och det är allt möjligt inblandat där som påverkar det hela...

För det första så har du "position: absolute;" och "position: relative;" som avgör vad marginalen räknas ifrån och sedan har du "float" som avgör lite om vilka friheter som elementet har. Så prova att labba lite med "position" och "float", så kan du säkert få till det... Det går inte att komma med några direkta tips här och nu, eftersom det är en hel del kring det hela som påverkar det, prova själv istället och se...

När det gäller bilden som ska vara klickbar så bör det räcka att lägga en "<a href='länkadress'><img src='bilden'></a>" runt den... bakgrunden kan inte vara klickbar vad jag vet...

Re: Problem med html/css koder

Postat: 12 apr 2014, 12:54
av HOLMEN
Precis vad Osprey sade ovan.

Det går som sagt inte att gå en bakgrund i sig att bli klickbar, men du kan ju göra en klickbar bild till en bakgrund istället. Använda "float" för de objekt som ska befinna sig "ovanför" "bakgrunden".

Re: Problem med html/css koder

Postat: 12 apr 2014, 18:21
av nisse2
Ok, tack ska ni, det löste sig :)