Plassering av bilder i CSS/HTML.

6. oktober 2009

Heisann

Jeg er i gang med å lage meg ny webside, ettersom at den gamle er laget i et typisk wizard-prorgam noe som gir stygg kode med mange feil. Uansett, så har jeg denne gang tenkt å gjøre ting for hånd, men allerede i startfasten har jeg støtt på problemer. Er det noen her inne som kan hjelpe meg?

Det jeg lurer på er: Hvorfor blir knappene jeg lagt til på toppen plassert oppå bakgrunnsbildet til div-tagen i midten? Jeg har prøvd med både margin og padding, men ingen av delene ser ut til å ha noe effekt. smile.gif

Endret 8. januar 2012 av Slettet+oiasdf79

Yankes · 6. oktober 2009

div.test {
 float : right;
 height : 37px;
 margin-left : auto;
 margin-right : 430px;
}


div.middle {
 background-image:url('images/mid_img.png');
 width : 900px;
 height : 1000px;
 margin-left : auto;
 margin-right : auto;
 margin-top : auto;
 margin-bottom : auto;
 text-align : left;
}

Du har jo height: 37px; og det "hover"-bildet ditt er jo 45px høyt..

også en anna ting, bare for å spare plass å få det litt ryddigere, i stedet for alle de margin-left, margin-rignt o.s.v, bare skriv

margin: auto;

EDIT: hvorfor lager du ikke bare alt med CSS?

div.meny {
background: url(vanligbilde.png);
}

div.meny:hover {
background: url(hoverbilde.png);
}

Endret 6. oktober 2009 av YaNkEs

4588pkdkrikue5c · 7. oktober 2009

EDIT: hvorfor lager du ikke bare alt med CSS?

Det er då slettes ikkje praktisk å berre nytte CSS til bileter. Spesielt ikkje om innhaldet skal vere dynamisk.

7. oktober 2009

SLETTET

Endret 8. januar 2012 av Slettet+oiasdf79

Themecreator · 7. oktober 2009

du burde nesten lage et bilde over hvordan du tenkte siden din å være. Hvor tenkte du at navigasjonbaren skulle være? om den skal være en del av div.middle, så må du legge div.test inni div.middle...

<body>

<!-- Denne --><div class="middle">

<div class="test">
<a href="menuz.html" onMouseOver="hiLite('a','a2','Link 1')" onMouseOut="hiLite('a','a1','')"><img name="a" src="images/a1.png" border=0 width=115 height=45></a>
<a href="menuz.html" onMouseOver="hiLite('b','b2','Link 2')" onMouseOut="hiLite('b','b1','')"><img name="b" src="images/b1.png" border=0 width=115 height=45></a>
<a href="menuz.html" onMouseOver="hiLite('c','c2','Link 3')" onMouseOut="hiLite('c','c1','')"><img name="c" src="images/c1.png" border=0 width=115 height=45></a>
</div>

<!-- Denne --></div>

</body>
</html>

Mulig du da må, siden du har puttet div.test inni div.middle, ta vekk alle margin greiene i div.test (css filen). er ikke helt sikker, og har ikke tid til å sjekke det ut nå x)

muligens ikke sånn du tenkte at det skulle være...?

Endret 7. oktober 2009 av Themecreator

7. oktober 2009

Jeg ga opp menyen slik i utgangspunktet var planen, og er engentlig ferdig med siden nå, gjenstår noe finpuss og feilretting for å få den til å validere, men ellers er den vel ferdig..

Så takk for hjelpen..

Logg inn

Plassering av bilder i CSS/HTML.

Anbefalte innlegg

Gjest Slettet+oiasdf79

Lenke til kommentar

Videoannonse

Yankes

Lenke til kommentar

4588pkdkrikue5c

Lenke til kommentar

Gjest Slettet+oiasdf79

Lenke til kommentar

Themecreator

Lenke til kommentar

Gjest Slettet+oiasdf79

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer