Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

Table row white space verkleinen?

Pagina: 1
Acties:

  • twister00004
  • Registratie: Oktober 2004
  • Laatst online: 04-08 08:11
Ik ben bezig met een nieuwe mailing, maar krijg mijn table rows niet dichter bij elkaar :(

In de opmaak in DW gaat het goed, maar live, komt er nogal veel whitespace bij.
Weet iemand hoe ik dit kan oplossen? Heb al lopen spelen met hight, maar dat pakt hij alleen als ik blijkbaar een grotere marge geef, maar niet kleiner

Afbeeldingslocatie: http://i58.tinypic.com/r0qnt4.jpg

Afbeeldingslocatie: http://i58.tinypic.com/wr1e7s.jpg

Code

*snip*

[ Voor 88% gewijzigd door RobIII op 06-05-2014 18:07 ]


  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Post a.u.b. code in code tags en beperk 't even tot een stukje (lees: "snippet") relevante code. Dus 142 regels HTML dumpen is hier niet de bedoeling ;) Ontdoe je code ook van merknamen/domeinen en andere meuk; je kunt prima "product X" gebruiken als omschrijving en "domein.nl" of "example.com" o.i.d. voor de links. Spam zijn we hier niet zo happig op ;)

Inhoudelijk: ik zou eens beginnen met 't ruimen van puin; de vele span's zijn nergens voor nodig (je kunt die style(s) prima op de <td>'s zetten). De "white space" komt waarschijnlijk van de H2's (waarom je überhaupt een H2 gebruikt die je vervolgens styled als een "gewone" link (<a>) is mij een raadsel). Zet daar eens een margin: 0 op.

Ik heb even een jsfiddle gemaakt en die ontdaan van merknamen/links e.d. zoals het hoort. Daarna heb ik 't ingekort (zoals dat wél had gekund/gemoeten) tot enkel relevante code om je probleem veel overzichtelijker te krijgen voor derden (lees: wij), zodat diegenen zich niet door 36 geneste tables met inline styles, spans en andere zooi hoeven te worstelen) en vervolgens kan ik je met 1 simpele wijziging laten zien wat 't probleem is en wat de oplossing is. Dat had je overigens zelf ook simpel kunnen ontdekken door gewoon even "inspect element" te gebruiken in je browser (Zie Firefox Firebug of Dev.tools / IE F12 Dev.tools / Chrome Dev.tools / Safari Dev.tools / Opera Dragonfly ):

Afbeeldingslocatie: http://tweakers.net/ext/f/Dg5WE8exw3zEZaFU7WxkXInU/thumb.png

Daarmee is je probleem pas deels opgelost; verderop gebruik je namelijk voor een tweede item in de "lijst", lekker consequent, een <p> waarop ook weer margins staan; ook die zul je dus moeten aanpakken op dezelfde manier (of je maakt je HTML consequenter...)

offtopic:
Het telefoonnummer 0031(0)31851... klopt geen hout van. Je bedoelt waarschijnlijk: +31851... of 0031851...

[ Voor 118% gewijzigd door RobIII op 06-05-2014 18:55 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij