Could somebody do this in a table?

keress · 6th October 08, 05:26 PM

Oops, I meant, could somebody do this in CSS? (Can't edit my title)

I struggled with this simple thing for over an hour and still couldn't get CSS to do what takes two minutes with a table. Could somebody please show me how to reproduce what's here

http://www.addiva.net/sister-site-table.html

in CSS?

Code:

<style>


#sister-sites  {
	height: 200px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

#sister-sites a  {
	text-decoration: underline;
	color: #FFFFFF;
}


</style>


</head>


<body>



<div id="sister-sites">



  <table width="400">
    <tr>
      <td>Visit our Sister Sites:</td>
      <td width="231" rowspan="2"><a href="http://www.passionatepossibility.com/"><img src="http://www.addiva.net/wp-content/themes/ADDiva/images/passionate-possibility.jpg" alt="Passionate Possibility" width="193" height="52"  /></a></td>
    </tr>
    <tr>
      <td width="157"><a href="http://web.mac.com/lroggli/GardenSpirit/Home.html"><img src="http://www.addiva.net/wp-content/themes/ADDiva/images/garden-spirit-2.jpg" alt="Garden Spirit Retreats" width="184" height="28" /></a></td>
    </tr>
  </table>

</div>

I'd also LOVE to find out how to get rid of the blue boxes (indicating they're links) around the linked images in IE. I've tried everything I can think of. Works in Firefox, but not in IE.

nikaomatix · 7th October 08, 07:16 PM

just enter this into your style section and it will solve it:
img {border:0px;}

liam.smart · 8th October 08, 12:37 PM

#sister-sites{
width:385px;
}

#sister-sites a{
float:left;
}

this will give you the grid type layout.

7th October 08, 07:16 PM	#2
nikaomatix WLC Member Join Date: Oct 2008 Location: Chicago, IL Posts: 3	Re: Could somebody do this in a table? just enter this into your style section and it will solve it: img {border:0px;}

8th October 08, 12:37 PM	#3
liam.smart WLC Lover Join Date: Jun 2008 Posts: 79	Re: Could somebody do this in a table? #sister-sites{ width:385px; } #sister-sites a{ float:left; } this will give you the grid type layout. __________________ Many Thanks, Liam To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode