alignment and link problems

[harpster]

hello again all! thanks for taking a look.

http://www.bowentechnovation.com/index2.html

here i am starting to redo the site here at work in html/css whatnot, and i can't get the shanghai.gif picture to butt up against the bottom of the mac.gif...

also, why is my text showing up as a link?


i want it to look like the one that was made by a previous employee who used tables for layout. here is how the pics should look... http://www.bowentechnovation.com/

thanks all!!!!

harpster

[ASMBlah]

Hi,

It's hard to make out what you're trying to do, but from what you have already, you need to close tags (this is what is causing the text to be shown as a link):

(i've highlighted the closing tags which are missing in red)

...

<div align="center">
<p>
<img src="images/spacequest.gif" width="200" height="142" border="0" vspace="25">
<a href="exhibit/index.htm">
<img src="images/exfxcollage.gif" width="200" height="198" hspace="45" border="0">
</a>
<img src="images/cinefxcollage.gif" width="200" height="200">
</p>
</div>
<div align="center">
<p>
<a href="planetarium/index.htm">
<img src="images/laredo.gif" width="200" height="132" border="0" align="middle">
</a>
<a href="exhibit/index.htm">
<img src="images/mac.gif" width="200" height="149" hspace="45" border="0" vspace="25">
</a>
<a href="exhibit/index.htm">
<img src="images/osc.gif" width="200" height="141" border="0" vspace="25" align="middle">
</a>
<br>
<img src="images/shanghai.gif" width="232" height="129" border="0" align="top"></p></div>
</p>
</div>

...

Hope this helps

Dan

[harpster]

that is excellent dan! i appreciate it...that took care of the link problem the other thing i was asking about is you see the middle column of images...now i want the bottom two to be closer together, and ijust can't seem to make that happen. that is all i need to do, and you guys will probably be able to solve itin a heartbeat, but i'm stumped!:mad: well, thanks again dan, and have a good one!

[Pegasus]

What happens when you remove the vspace from around the bottom image? Does that close things up any?

Peg

[harpster]

a little! but it isn't getting close enough...darnit.

[Pegasus]

You could put the images in three <div>. Like this for that section.

<div style="margin: 0px auto; text-align: center;">
<div style="float: left; width: 200px;" margin: auto; >
<a href="leftimage.htm"><img src="leftimage.jpg" width="200" height="142" border="0" vspace="25" alt="Left Image"></a></div>
<div style="float: left; display: inline; width: 200px;">
<div style="display:block; width: 200px;"><a href="topimage.htm"><img src="images/topimage.jpg" width="200" height="198" hspace="25" border="0" alt="Top Image"></a><br>
<a href="bottomimage.htm"><img src="images/bottom.jpg" width="200" height="132" border="0" alt="Bottom Image" hspace="25"></a></div>
</div>
<div style="margin: auto; float: left; display:inline;">
<a href="right.htm"><img src="images/right.jpg" width="200" height="141" border="0" vspace="45" alt="Right Image"></div>
</div>