Toon posts:

[XHTML1.0]White space tussen img of tables

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik ben bezig een pop site te maken. In IE werkt deze site goed, maar als ik hem met firefox bekijk zitten er een witte balk van een aantal px onder de mijn images

weet iemand hier een oplossing voor?

[ Voor 20% gewijzigd door Verwijderd op 01-11-2004 17:54 ]


  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Margin en Padding aangeven in je css, dus alles op 0.

Verwijderd

Topicstarter
img {
border: 0;
margin: 0;
padding: 0;
}

maar het probleem blijft

ik had ook al geprobeerd met position:absolute. Alleen staan dan mijn images verkeerd :(

Verwijderd

wellicht heeft het ermee te maken dat je je img elementen niet afsluit

fix eerst je html eens

Verwijderd

Topicstarter
hij is nu xhtml valid

  • Eskimootje
  • Registratie: Maart 2002
  • Laatst online: 16:35
border-collapse:collapse; helpt mss, zoiezo table, td { margin: 0; padding: 0; border:none;

[ Voor 45% gewijzigd door Eskimootje op 31-10-2004 12:06 ]


Verwijderd

en dan nu display: block; op die paar plaatjes waar het fout gaat (die horizontale balken dus)

waarom zijn dat uberhaupt plaatjes eigenlijk? qua structuur en semantiek zou je html nog echt vele male beter kunnen

Verwijderd

code:
1
2
3
4
5
img {
border: 0;
margin: 0;
padding: 0;
}


hoort dat niet zo?:

code:
1
2
3
4
5
img {
border: 0px;
margin: 0px;
padding: 0px;
}

Verwijderd

Nee, waarom? 0 pixels is evenveel als 0 punten, 0 centimeter en 0 appels.

Verwijderd

Topicstarter
als ik apart per td een style aangeef maak dat niks uit..

ik heb hem nu even op display:block gezet om te laten zien wat er gebeurd.

punt is dat als ik iets anders dan block gebruik wel die breaks weggaan, alleen komt de background weer terug :(

Verwijderd

Ik zie buiten het centreren/links uitlijnen geen verschil tussen FF en IE? Of is t nu al opgelost?

offtopic:
Misschien is het mooier de menuitems naast elkaar ipv onder elkaar weer te geven?

[ Voor 36% gewijzigd door Verwijderd op 31-10-2004 12:27 ]


Verwijderd

Topicstarter
nee want ik wil ze allemaal op een rij hebben, en nu staan ze onder elkaar :(

Verwijderd

Verwijderd schreef op 31 oktober 2004 @ 12:29:
nee want ik wil ze allemaal op een rij hebben, en nu staan ze onder elkaar :(
Oh zo, zei ik net ook dat me dat mooier leek, maar dat was dus de bedoeling.

Ik zie nu ook het probleem..

Ik zal even paar dingetjes proberen.

Verwijderd

leer eens wat over css en semantiek

gebruik <h1> etc elementen, verban layout gerelateerde plaatjes naar je css en gebruik classes waar nodig. De oplossing heb je nu iig wel gevonden, nu alleen nog correct toepassen

Verwijderd

Verwijderd schreef op 31 oktober 2004 @ 12:37:
verban layout gerelateerde plaatjes naar je css en gebruik classes waar nodig.
Precies. Had ik dus ook gedaan, en zo verdwijnen de balken tussen de plaatjes idd.

edit, duidelijker:

in je css:
code:
1
2
3
4
5
6
7
8
td.balk1 {
    background-image: url('http://62.131.93.34/project1/images/hor_bar_1.jpg');
    height: 25px;
}
td.balk2 {
    background-image: url('http://62.131.93.34/project1/images/hor_bar_2.jpg');
    height: 11px;
}

en
code:
1
<td>[img]"images/hor_bar_1.jpg"[/img]</td>

vervangen door
code:
1
<td class="balk1">&nbsp;</td>


en de andere balk spreekt wel voor zich :)

[ Voor 59% gewijzigd door Verwijderd op 31-10-2004 12:50 ]


Verwijderd

Topicstarter
moet ik nu die display:block gebruiken :?

Verwijderd

Verwijderd schreef op 31 oktober 2004 @ 12:49:
moet ik nu die display:block gebruiken :?
zie hierboven, bericht geedit

  • curry684
  • Registratie: Juni 2000
  • Laatst online: 12-05 22:23

curry684

left part of the evil twins

Totaal offtopic: ik stoor me erg aan het feit dat die 5 buttons bovenin JPEG's zijn. Voor precieze plaatjes als deze moet je PNG of desnoods GIF gebruiken :)

Professionele website nodig?


Verwijderd

moet ik nu die display:block gebruiken :?
Kan, of geen plaatjes.

Verwijderd

Nogmaals, zie die ene edit, heb em hier offline geprobeerd en dan werkt het gewoon, maar de topicstarter is dood volgens mij :P

Verwijderd

Topicstarter
ja ik ga het ff proberen

moest ff me aggressie kwijt :P

edit::

ja het werkt ;)

merci en ik zal ff die images wijzigen naar png... ik zie het nu zelf ook

[ Voor 53% gewijzigd door Verwijderd op 31-10-2004 14:37 ]


Verwijderd

Verwijderd schreef op 31 oktober 2004 @ 12:08:
Nee, waarom? 0 pixels is evenveel als 0 punten, 0 centimeter en 0 appels.
Hm je hebt gelijk, ik vind het alleen wat netter om er een eenheid bij te zetten :)

Hier is het net zo makkelijk zonder, als mensen maar niet vergeten de eenheid toe te voegen waar hij wél nodig is.
Pagina: 1