Avatar billede x4all_dk Nybegynder
12. august 2004 - 10:34 Der er 5 kommentarer og
1 løsning

Kan man definere så f.eks. et <IMG> er med i en <TD> i CSS?

Jeg kunne godt bruge noget smart så jeg ikke skal
gentage samme "linie" for ofte i mine <TD>

En TD kunne se sådan ud:

<TD class="test"> <IMG src="kontex.jpg"> <DIV style="width:100"> </DIV> </TD>

Kan man definer css så test "indsætter" et <IMG src="kontex.jpg">.

- jeg ved godt at man kan indsætte det inline med f.eks. PHP, men jeg kunne godt tænke mig at gøre det i CSS...
Avatar billede Slettet bruger
12. august 2004 - 10:52 #1
Ja, hvis du kan finde dig i, at billedet ligger som baggrund for cellen.
Avatar billede basementjack Nybegynder
12. august 2004 - 13:58 #2
Det sandbox forslår er, hvis kontext.jpg er 100x100 pixels :
.test {
    background-image: url(kontext.jpg);
    background-repeat: no-repeat;
    width:100px;
        height:100px;
}
Avatar billede roenving Novice
12. august 2004 - 14:41 #3
Eller måske:

.test{
  background: url(kontex.jpg) left top no-repeat;
  padding-left:100px;
}
Avatar billede x4all_dk Nybegynder
12. august 2004 - 14:50 #4
basementjack -> Sådan - det var hvad jeg skulle bruge!
sandbox -> Dit svar var rigtigt. Men basements var bedre.
roenving -> Jeg testede ikke dit svar, men det virker sikkert også.

Sådan ser min Class ud nu:
.test{
background-image: url(kontex.jpg);
background-repeat: no-repeat;
background-position: left center;
text-indent: 15px;
width:10px;
height:10px;   
}

Tak for hjælpen.

Basementjack-> smid svar hvis du vil have point!
Avatar billede basementjack Nybegynder
12. august 2004 - 14:57 #5
Tja, det var næsten samme svar vi tre kom med..
Avatar billede hermandsen Juniormester
12. august 2004 - 19:43 #6
Bare for lige at demonstrere endnu en mulighed, så kan du med CSS2 også:

.test:before {
  background-image: url("kontex.jpg");
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}

Virker dog ikke i IE...
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