Bildeplassering med CSS

J_lle · 19. oktober 2005

Det er noe her jeg rett og slett ikke skjønner.. Jeg prøver å plassere en Firefox logo nederst på sida (sentrert) med en href som Get Firefox! under..

<body>
<!-- ... -->
   <div id="ad_ff">
   </div>

   <div class="introText">
       <a class="introLink" href="http://www.getfirefox.com">Get Firefox!</a>  
   </div>
</body>

CSS delen ser sånn ut:

#ad_ff {
   width:60px;
   height:60px;
   background: url(../graph/firefox.png) center bottom no-repeat;
   margin:30% 50%;
   position:fixed;
   padding:0;
}
div.introText {
   color:#000000;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:75%;
   white-space:nowrap;
   margin:30% 50%;
   position:fixed;
}

Men uansett hva jeg prøver så vil det ikke se helt bra ut.. Og jeg får ikke til å plassere href'n rett under bildet..

Alle forslag er hjertelig velkomne :thumbup:

rødøye · 19. oktober 2005

bruk img, og sett bildet som link. Bildet har sammenheng med innholdet, så da skal det plasseres med img.

J_lle · 20. oktober 2005

Okey.. Skal gjøre det..

pgdx · 20. oktober 2005

bruk img, og sett bildet som link. Bildet har sammenheng med innholdet, så da skal det plasseres med img.

5029460[/snapback]

Tja... Det kan jo diskuteres. Om interessant.

Personlig ville jeg laget en lenke med en span inni, skjulte innholdet i span og satt lenken som block-element og satt bildet som bakgrunnsbilde.

J_lle · 20. oktober 2005

Uhm.. Kan du forklare det med en liten kodesnutt ?

pgdx · 20. oktober 2005

<a href="http://spreadfirefox.com" title="Download Firefox"><span id="firefox-ad">Download Firefox</span></a>

a {

display: block;

width: 60px;

height: 60px;

background-image: url("images/firefox.png") no-repeat;

}

span#firefox-ad {

display:none;

}

Steinmann · 20. oktober 2005

dårlig ir metode

synes egentlig det tilsier at man kan bruke img her, da bildet ikke er en del av designet men en del av inholdet.

pgdx · 20. oktober 2005

dårlig ir metode
synes egentlig det tilsier at man kan bruke img her, da bildet ikke er en del av designet men en del av inholdet.

5033472[/snapback]

Tja, er det?

Lovskogen · 20. oktober 2005

Er jo bare en link som heter Get FireFox, så image-replacement er jo nødvendig. De som ikke surfer med bilder, vil da få linken

J_lle · 20. oktober 2005

<a href="http://www.getfirefox.com">
   <img src="site_files/graph/firefox.png" 
   border="0" 
   align="middle" 
   longdesc="http://www.getfirefox.com">
</a>

Er det beste? Og hvordan funker alt greia?

Logg inn

Bildeplassering med CSS

Anbefalte innlegg

J_lle

Lenke til kommentar

Videoannonse

rødøye

Lenke til kommentar

J_lle

Lenke til kommentar

pgdx

Lenke til kommentar

J_lle

Lenke til kommentar

pgdx

Lenke til kommentar

Steinmann

Lenke til kommentar

pgdx

Lenke til kommentar

Lovskogen

Lenke til kommentar

J_lle

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer