|
|
Hi,
I have a very simple 2X2 table as follows:
<table id="temp1" width="200px" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<img id="Img4" src="images/Logo100X100.jpg" height="100px" width="100px" />
</td>
<td>
<img id="Img1" src="images/Logo100X100.jpg" height="100px" width="100px" />
</td>
</tr>
<tr>
<td>
<img id="Img2" src="images/Logo100X100.jpg" height="100px" width="100px" />
</td>
<td>
<img id="Img3" src="images/Logo100X100.jpg" height="100px" width="100px" />
</td>
</tr>
</table>
When the table renders, there is no vertical space between neighbouring horizontal images; however, there is a persistent small border at the bottom of each image. Nothing I do seems to affect its width or get rid of it (which is what I really want). Does anyone have any idea where this might be coming from? (I have checked the images themselves, and they have no border.)
Any help would be very much appreciated.
Best wishes, Patrick
|
|
|
|
|
Patrick Skelton wrote: there is no vertical space between neighbouring horizontal images;
Try this code
<table id="temp1" width="210px" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<img id="Img4" src="1.JPG" height="100px" width="100px" />
</td>
<td>
<img id="Img1" src="1.JPG" height="100px" width="100px" />
</td>
</tr>
<tr><td colspan="2"> </td></tr>
<tr>
<td>
<img id="Img2" src="1.JPG" height="100px" width="100px" />
</td>
<td>
<img id="Img3" src="1.JPG" height="100px" width="100px" />
</td>
</tr>
</table>
|
|
|
|
|
Hi,
Thank you for the reply.
The code gives me an equal border horizontally and vertically, which is neater, but I would still like to know if it is possible to have images within the cells of a table touching each other on all sides. I find it very difficult to believe this is not possible.
I can (and probably should) do what I want with DIVs, but it is annoying me that I can't get rid of the space in the tables. Where are they coming from?
Best wishes, Patrick
|
|
|
|
|
|
Hi,
I think it looks fine in most browsers; however Internet Explorer (and the WebBrowser Control) feel a need to add two pixels worth of white height. I'd call that a bug.
Luc Pattyn [Forum Guidelines] [My Articles] Nil Volentibus Arduum
Please use <PRE> tags for code snippets, they preserve indentation, improve readability, and make me actually look at the code.
|
|
|
|
|
It's a bug in IE - the white space inside the table cell is taking up some space. Try this:
<table id="temp1" width="200px" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img id="Img4" src="images/Logo100X100.jpg" height="100px" width="100px" /></td>
<td><img id="Img1" src="images/Logo100X100.jpg" height="100px" width="100px" /></td>
</tr>
<tr>
<td><img id="Img2" src="images/Logo100X100.jpg" height="100px" width="100px" /></td>
<td><img id="Img3" src="images/Logo100X100.jpg" height="100px" width="100px" /></td>
</tr>
</table>
|
|
|
|
|
Hi,
Thanks to everyone who has replied.
I've tried the code suggested by Graham Breach, but unfortunately I still get a 4-pixel horizontal gap in IE8.
A couple of comments have suggested this is an IE bug, so I tried it in Chrome, and I got a 5-pixel gap in that, so there is some other dark force at work here.
I can do what I need with DIVs, but it is very annoying.
Best wishes, Patrick
|
|
|
|
|
hello Friends,
I have recently started this project http://www.bharatdesi.com
Can yan one suggest me some good developers...
Thanks for your time...
|
|
|
|
|
If you want to employ someone to help with your site then please post in the jobs forum. This forum is for technical questions.
I must get a clever new signature for 2011.
|
|
|
|
|
ok sir ... would you refer me some ....
|
|
|
|
|
Did you read my reply? Post your question in the correct forum, and people who are interested in helping will answer you.
I must get a clever new signature for 2011.
|
|
|
|
|
|
The world is full of good developers.
Advertise and ye shall find!
Or post on the job board and see who will bite.
Trouble is you have given no specs for what you want them to do, or what tech they will be using etc.
More succintness in questioning returns more accuracy in response.
------------------------------------
I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave
CCC League Table Link
CCC Link[ ^]
|
|
|
|
|
Indeed I can. My company will be more than happy to undertake most projects. Our rates are competitive but fair, and we provide a full support service afterwards.
|
|
|
|
|
I have a website which has a horizontal navigation bar which goes about 970px across and is simply six images acting as links within a container div . However, in the sections they link to I'd like to have a drop-down menu (similar to this website actually) which displays links to the sub-sections.
I'd like to make this as web browser independent as possible and would like to avoid the use of Flash/JavaScript and instead use combination of CSS/PHP. Here is an example of my navigation bar:
<div class="Nav">
<a href="index.php><img src="images/Nav-Home.png /></a>
<a href="index.php><img src="images/Nav-Info.png /></a>
<a href="index.php><img src="images/Nav-Pics.png /></a>
<a href="index.php><img src="images/Nav-Vids.png /></a>
<a href="index.php><img src="images/Nav-Links.png /></a>
<a href="index.php><img src="images/Nav-Contact.png /></a>
</div>
I'm guessing I'll have to change the design of the navigation bar by putting the images inside a div and style the layout side by side some how? Or use a table? Any links to examples would also be appreciated.
Thanks in advance for any advice!
|
|
|
|
|
Why not nest each image in a DIV, then nest the six DIVs in a DIV.
Then you set up an onmouseover call in CSS.
------------------------------------
I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave
CCC League Table Link
CCC Link[ ^]
|
|
|
|
|
I just built a .NET program that generates a xml rss webpage. I’d love to be able to update this webpage programmatically via .NET ie login to my godaddy account and update a webpage; all within .NET
Since Im new to webhosting I wanted to know if its even possiable, and if it is I need some advice on the best way to go about doing this.
|
|
|
|
|
Not sure about .NET, but I know it can be done in PHP. You just have to think about your output as generating a php script instead of generating just HTML. When a browser calls the page it is ran through the php engine.
I did something like this a long time ago with a template system I made that would include/exclude javascript in a given page based on parameters that where passed to the frameworks header function call.
Chris J
www.redash.org
|
|
|
|
|
This should be fairly straightforward providing you have the requisite permissions to write to the file within your folder system. There are plenty of tutorials on the web for this stuff: Google[^].
"If you think it's expensive to hire a professional to do the job, wait until you hire an amateur." Red Adair.
nils illegitimus carborundum
me, me, me
|
|
|
|
|
I occasionally get a forwarded email from an AOL user in which the forwarded msg is a .eml attachment. When this occurs, the body of the msg displays the HTML code instead of just the content (in my Yahoo Mail interface). If I click the attachment and open it with Windows Mail, any images are replaced by this tag: <=p>
Never saw this tag before, and I see nothing about it on the www. Anyone have an idea what's going on?
Everybody SHUT UP until I finish my coffee...
|
|
|
|
|
Alan Burkhart wrote: Everybody SHUT UP until I finish my coffee...
|
|
|
|
|
Short answer? NO.
It looks like a cheap rentacoder didn't check his work.
------------------------------------
I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave
CCC League Table Link
CCC Link[ ^]
|
|
|
|
|
Dalek Dave wrote: It looks like a cheap rentacoder didn't check his work.
I spoke with a Yahoo techie who swears it's not Yahoo (of course). Since I only have this issue with one person, and only when she attaches a .eml file as an attachment, I'm inclined to agree.
Here's a screen shot, should anyone care to speculate: Click Me[^]
The weird <=p> tags are in the second image. It's certainly not a life-altering problem, but I'm curious as to what's causing it.
Everybody SHUT UP until I finish my coffee...
|
|
|
|
|
Seeing it in it's natural habitat, as it were, seems to confirm that it is a typo.
Certainly there is no <=P> tag.
------------------------------------
I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave
CCC League Table Link
CCC Link[ ^]
|
|
|
|