Avatar billede weis Nybegynder
31. marts 2007 - 14:33 Der er 8 kommentarer og
1 løsning

display: block; på celle med et billede

Jeg har det problem at når jeg laver linkstyle i css og bruger display: block; for at hele cellens bagrundsfarve skal skifte, så bliver mine billeder i cellen rykket ned på næste linje og er ikke længere med i min a:hover (hvor baggrundsfarven skifter) hvordan løses det!
Avatar billede roenving Novice
31. marts 2007 - 14:38 #1
Ligger billederne inde i linkene ?-)
Avatar billede weis Nybegynder
31. marts 2007 - 14:40 #2
ikke alle, og det skal de heller ikke hvis det er muligt
Avatar billede roenving Novice
31. marts 2007 - 14:45 #3
block-level elementer 'breder' sig over hele den tilgængelige bredde, og det er jo nok den egenskab, du ønsker, så hele cellen ændres ...

-- så et element, der 'bare' placeres vil nødvendigvis hoppe ned på næste linje ...

-- men der er fere muligheder, f.eks. at sætte billedet ind som baggrund eller placere det absolut !-)
Avatar billede weis Nybegynder
31. marts 2007 - 14:47 #4
hvordan virker absolut så, for

<img src="img/punkt1.gif" style=" position: absolute; ">

giver ikke noget resultat :)
Avatar billede roenving Novice
31. marts 2007 - 14:56 #5
Der skal være en placering, førend absolut positionering virker ...

-- og der skal også være noget, positioneringen tager udgangspunkt i, så f.eks.

<table>
  <tr>
    <td style="position:relative;">
      <a href="etLink" style="display:block;">Et Link</a>
      <img src="img/punkt1.gif" style=" position: absolute; top: 2px; right:0;"></td>
  </tr>
</table>
Avatar billede weis Nybegynder
31. marts 2007 - 15:06 #6
okay, så tror jeg det bliver for omstændigt i min løkke :D så kommer de sidste billedere med ind i linket, smider du et svar
Avatar billede roenving Novice
31. marts 2007 - 15:11 #7
Velbekomme '-)
Avatar billede roenving Novice
31. marts 2007 - 15:31 #8
Prøv i øvrigt også baggrundsmetoden:

<table>
  <tr>
    <td style="position:relative;">
      <a href="etLink" style="display:block;background:url(img/punkt1.gif) center right no-repeat;">Et Link</a></td>
  </tr>
</table>
Avatar billede roenving Novice
31. marts 2007 - 15:31 #9
-- og 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