Menu
Hello i'm trying to build a table cell using div tag and while doing so. i get this extra spacing after my img a tag within the cell.
<div display:table>
<div display:row>
<div display:tabel-cell>
<a><img/></a>
I can't seem to figure out how to get rid of that extra spacing.
i tried display:inline for the a and img tag. yet not luck.
if anyone can help me get rid of this spacing i would gladly appreciate it.
Example -- right before the shadowing there a 2-3 pixel white space within this tabel-cell
684
Spaces are not allowed in tags – create compound tags using hyphens rather than spaces (like [visual-studio] ) rather than multiple tags separated by spaces ( [visual] [studio] ).
The simplest way to add a space in HTML (besides hitting the spacebar) is with the non-breaking space entity, written as or  . Multiple adjacent non-breaking spaces won't be collapsed by the browser, letting you “force” several visible spaces between words or other page elements.
Usually, it is preferable to have a little space between the image and the surrounding text. In HTML, you provide this space by using the vspace and hspace attributes within the img element. In CSS, to align an element with no text wrap, apply the text-align property to a block-level element that contains the image.
The <img> tag creates a holding space for the referenced image.
Aside from the fact that you should use tables for tabular data, I think that setting display: block on the image will remove the space. If that doesn' work, try to make a jsFiddle page to show off the problem.
57
That space can be removed using:
style="display:block;"
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
