Avatar billede Slettet bruger
04. februar 2015 - 13:41 Der er 1 kommentar og
1 løsning

Fjern effekten af <tr> uden at fjerne <td>

Jeg er klar over, at det er en primitiv måde at gøre det på, men vi har en side opbygget på <table>, og skal bruge en nem løsning til at gøre den lidt responsive på mobilen.

Findes der en CSS-kode, der gør at alle <tr> med class="desktop" mister <tr>-effekten uden at <td>'en bliver fjernet?

<tr class="desktop">
<td align="left" valign="middle" width="15%"><div class="fb-like" data-href="https://www.facebook.com/aahbdk/" data-layout="button" data-action="like" data-show-faces="true" data-share="true"></div></td>
</tr>

Tak for hjælpen :-)
Avatar billede keysersoze Guru
04. februar 2015 - 17:30 #1
Det tror jeg du får ret svært ved at løse uden JavaScript, tables er til at vise tabulerede data og ikke design - vil helt klart anbefale at du "opgraderer" til at benytte divs og hvis du er i tvivl om hvordan så benyt eller få inspiration fra et css-framework som fx bootstrap.
Avatar billede Mik2000 Professor
07. februar 2015 - 14:35 #2
Hej

Du kan gå ind og lave dem om til block elementer

Kunne f.eks. være sådan hvis det er til mobil og hver td skal fylde hele skærmen - men det essentielle er display: block;
table, thead, tbody, th, td, tr {
    display: block;
    width: 100%;
}

Ovenstående skal selvfølgelig ind i en media query
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