Kim Ludvigsen wrote in dk.edb.internet.webdesign.html:
> Morten Jedig skrev:
>
> > vedr. billeder har jeg på de andre undersider forsøgt at gøre som du
> > beskriver med at optimere dem. Det må nok være smuttet på forsiden.
>
> Ja, jeg kan nu se, at det kun var det ene billede på
> forsiden, der havde en forkert størrelse. Men det var lige
> netop den boks, jeg prøvede at lege med, så derfor opdagede
> jeg problemet. Og jeg troede så, det gjaldt alle billederne.
>
> > Jeg tror jeg har fanget logikken i din boksbeskrivelse.
> > Dog har jeg lige et supplerende spørgsmål.
> >
> > 1. jeg går ud fra at margin-left beskriver hvor langt den samlede
boks
> > skal rykkes ind ?
>
> Ja.
>
> > 2. bruger jeg så margin-top til at angive hvor langt boksen skal
> > rykkes ned?
>
> Ja.
>
> > 3. Hvis jeg bruger billedet i den rigtige størrelse skal jeg så bare
> > lade være være at definere width og height på det enkelte billede?
>
> Det vil altid være en god ide at definere størrelse, og jeg
> burde have gjort det i mit eksempel. Men jeg havde blot
> kopieret din kode uden at være opmærksom på, at du havde
> angivet størrelsen i en stilklasse. Det rigtige vil være at
> angive størrelsen i selve billed-tagget. Og det vil også
> være en god ide at angive alt- og title-tekst, altså:
> <img src="billeder/forside-halm.jpg" width="245"
> height="254" title="Halmfyr" alt="Halmfyr">
>
> Title og alt kan hjælpe til en bedre placering i
> søgemaskinerne, og det er også en hjælp for de besøgende -
> ikke mindst blinde. Og angivelse af billedstørrelse gør det
> muligt for browseren at opbygge siden korrekt, så
> elementerne ikke flyttes rundt, efterhånden som billederne
> indlæses.
>
> > 4. Hvordan laver jeg boksen som står bag ved overskriften? Er det
fint
> > nok at definerer den med padding osv eller er det smartere at lave
> > boksen som et billede jeg så henter ind?
>
> Når du bruger <h2> til overskriften, laves der helt
> automatisk en boks. Du skal bare angive en baggrundsfarve på
> <h2> i stilarket.
>
> Hvis du bruger <h2> på andre sider, hvor der skal være en
> anden baggrundsfarve, så kan du angive baggrundsfarven i
> forsideboksene således:
>
> h2.oversigt_forside {
> background-color: #006699;
> }
>
> > Håber du lige giver os lidt frist på lki.... jeg har desværre også
> > mange andre ting at skulle nå i dagligdagen. Men det her har helt
> > sikkert høj prioritet.
>
> Jeg kan jo betragte ovenstående som et svar på lki.dk's
> henvendelse, og så er fristen 30 dages fra nu af.
>
> --
> Mvh. Kim Ludvigsen
>
http://pc-sikkerhed.dk
Hej Kim
Tak for dit svar.
Nu har jeg lavet et set up som du beskrev, og har lavet et tillæg i min
default.css med h2.overskrift.
Billeder, overskrifter og "læs mere her" har nu de rigtige udformninger
og størrelser. Dog har jeg det "lille problem" at det hele står oppe i
venstre hjørne. Jeg har prøvet, som du beskrev, at ændre på margin left
og top men det ændre ingenting. Hvad gør jeg galt? bemærk at det kun er
halmfyrs boksen jeg har ændret på (ville lige sikre at det kørte inden
jeg ændrede hele siden).
oversigt_forside {
float: left;
position: relative;
width: 245px;
margin-top: 100px;
margin-left: 1005px;
}
<div class="oversigt_forside">
<h2 class="overskrift245">HALMFYR</h2>
<img src="billeder/forside-halm.jpg" width="245" height="152"
title="Halmfyr" alt="Halmfyr">
<a href="halmfyr.htm"> <img src="billeder/laesmereher.jpg" width="245"
height="39" title="Læs mere her" alt="Læs mere her"> </a>
</div>
Se også linket her:
www.alcon.nu/udkast/index.htm
Hvad går der galt?
Morten
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials