Avatar billede axel21 Juniormester
14. januar 2007 - 14:26 Der er 8 kommentarer og
1 løsning

Hjælp til billede

Hej..

Jeg har lavet et billede i CSS som hedder "tilfojkontakt". Under denne ligger et billede.

Hvordan kalder jeg billeder i html når det samtidigt skal være et link?

Har prøvet dette: <a href="../" class="tilfojkontakt" /a> dog uden held
Avatar billede axel21 Juniormester
14. januar 2007 - 14:26 #1
Der skal stå billedet og ikke billeder
Avatar billede mclemens Nybegynder
14. januar 2007 - 14:35 #2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta

http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title><meta name="robots"

content="index, follow">

<style type="text/css">
.tilfojkontakt {
  background:url('http://www.eksperten.dk/img/elogo.png');
  width:99px;
  height:110px;
  display:block;
}
</style>

</head><body>
<a href="../" class="tilfojkontakt"></a>
</body></html>
Avatar billede axel21 Juniormester
14. januar 2007 - 15:00 #3
Jamen jeg har lavet den i min css fil, og jeg ved den virker, jeg har linket til andre ting i samme dokument. Men når jeg indsætter dit virker det ikke?
Avatar billede mclemens Nybegynder
14. januar 2007 - 15:23 #4
Den jeg har lavet virker i 14:35:17 ...
Den virker så ikke, når du sætter den ind i din
css fil og skriver det ind i html markup'en ?

... Den du har lavet virker nogle stedet, men ikke andre ?
Skriver du html markup'en ens alle steder ?

"Har prøvet dette: <a href="../" class="tilfojkontakt" /a>"
- ser lidt forkert ud ... det burde være:
<a href="../" class="tilfojkontakt"></a>

Når du tilføjer min css klasse .tilfojkontakt
slettede du så din egen, så der ikke er problemer der ?

... Har du evt. et link eller test
eksempel så man kan se fejlen ?
Avatar billede axel21 Juniormester
14. januar 2007 - 15:38 #5
Ligger i min CSS fil..

.tilfojkontakt {
        url(../images/interforce.jpg);
        width:40px;
        height:40px;
        display:block;
}



Ligger i HTML...

<a href="../" class="tilfojkontakt"></a>


Men den vil kun vise "kassen som link", men der er ikke noget billede
Avatar billede mclemens Nybegynder
14. januar 2007 - 15:49 #6
Jeg skrev:
background:url('http://www.eksperten.dk/img/elogo.png');

du skriver:
url(../images/interforce.jpg);

... prøv med:
background:url('../images/interforce.jpg');
Avatar billede axel21 Juniormester
14. januar 2007 - 15:52 #7
Ja min fejl.. Hvad med position, den skal stå et bestemt sted, kan man sætte det af med pix?

Smid et svar
Avatar billede mclemens Nybegynder
14. januar 2007 - 16:05 #8
Du kan evt. istedet for display:block;
bruge float:left; eller float:right; på den
(man kan ikke sætte width og height på inline i IE6)

... Placering kan også justeres med position:absolute; eller position:relative;
samt top:10px;left:20px; på elementet ... eller evt. med padding margin ?

Baggrundsplaceringen kan justeres med background-position m.v.
se evt. mere inde på: http://www.w3schools.com/css/css_reference.asp#background

Her er et svar.
Avatar billede mclemens Nybegynder
14. januar 2007 - 16:16 #9
Tak for point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester