Google
HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
re
Post new topic   Reply to topic    HTML Help Forum Index -> CSS
View previous topic :: View next topic  
Author Message
quartzy



Joined: 26 Dec 2007
Posts: 405
PostPosted: Sat Mar 01, 2008 4:45 pm     re Reply with quote
I made a page with a table to show lots of images, I created the table inside a div called center3 and now I am having problems with it, The div center3 where the table is is 3/4 down the page when it should be up the top. I have tried resizing center3 but I think it is a div problem or a table problem. I have named my table id=gallery and then wrote the css for the #gallery. Is this maybe wrong? I am just in a mess.
Code:
<body>
<div id="container">
<div id="header"></div>
<div id="centercontent">
<div id="leftcontent">
<ul class="menu">
<li><a href="index.htm">Homepage</a></li>
<li><a href="mosaic1.htm">Mosaic </a></li>
<li><a href="papier.htm" >Papier Mache </a></li>
<li><a href="news.htm">Latest News</a></li>
<li><a href="otherartwork.htm">Other Artwork</a></li>
<li><a href="studio.htm">Studio</a></li>
<li><a href="guestbook8.htm">Guest Book</a></li>      
<li><a href="contacts.htm">Contact Me</a></li>
<li><a href="links.htm">Links</a></li>
<li><a href="about.htm">About</a></li>
<li><a href="workshops.htm" style="border-bottom-width: 0;">Workshops</a></li><br />
</ul>
<p>(Giant)Sea Bass:<a href="seabass.htm"><img class="border"src="images1/img9F.jpg" width="140" height="51" /></a></p>
<p>Mackerel: <span class="red">SOLD</span><a href="macandgreen.htm"><img class="border"src="images1/imgA4.jpg" width="140" height="47" /></a></p>
<p>Green Bass <span class="red">SOLD</span><a href="macandgreen.htm"><img class="border"src="images1/greenbass.jpg" width="140" height="54" /></a></p>
</div>
<div id="center3">
<h1>Mosaic Galleries - All kinds of fish:</h1>
<h2>Click on image to view details</h2>
<table id=gallery>
<tr><td><p>Spotted Wrasse:</p></td><td><p>Big Mouth Bass: <span class="red">SOLD</span></p></td><td><p>Tropical Fish</p></td></tr><tr><td><a href="wrasse.htm"><img class="border"src="images1/img2D.jpg" width="150" height="112" /></a></td><td><a href="bigbass.htm"><img class="border" src="images1/img32.jpg" width="150" height="111" /></a></td><td><a href="tropical.htm"><img class="border"src="images1/img34.jpg" width="150" height="113" /></a></td></tr><tr><td><p>Stripe: <span class="red">SOLD</span></p>   <a href="stripe.htm"><img class="border"src="images1/img85.jpg" width="150" height="113" /></a></td>
<td style="width: 117px"><p>Flip Tailed Stripe: <span class="red">SOLD</span></p>
<a href="flipstripe.htm"><img class="border" src="images1/img99.jpg" width="150" height="113" /></a>
</td><td><p>The Blue Streak:</p><a href="bluestreak.htm"><img class="border"src="images1/img90.jpg" width="150" height="112" /></a></td></tr><tr><td><p>
   John Dory:</p><a href="johndory.htm"><img class="border"src="images1/img91.jpg" width="150" height="113" /></a></td><td><p>Blue Grouper:</p><a href="bluegrouper.htm"><img class="border"src="images1/img35.jpg" width="150" height="113" /></a></td>
<td><p>Patterned Fish</p><a href="patternfish.htm"><img class="border" src="images1/img97.jpg" width="150" height="114" /></a></td></tr><tr><td>Grouper Fish<a href="grouper.htm"><img class="border" src="images1/img36.jpg" width="150" height="83" /></a></td><td><p>Rainbow Trout: <span class="red">SOLD</span><a href="trout.htm"><img class="border" src="images1/img9C.jpg" width="150" height="79" /></a></p></td><td><p>Orange Stripe Fish:<a href="orangestriped.htm"><img class="border"src="images1/img93.jpg" width="150" height="79" /></a></p></td></tr>
</table>
</div>
</div>
<div id="footer">
<p>All material (Artwork/text)
copyright ŠEyecatchingart Designs All Rights Reserved 2004-2008</p>
</div></div>

</body>

Code:

#gallery {
width:500px;
font-size: 0.88em;
border: 1px solid red;}

#center3 {
width: 550px;
float: right;
display:inline;
height: 1%;
position: relative;
padding:5px;margin:5px;}

Should I add a width for the table as well as the above div?
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8315
Location: Castle Pines North, CO USA
PostPosted: Sat Mar 01, 2008 5:09 pm     Reply with quote


What happens if you float the leftcontent to the left, for example
Code:
#leftcontent
{
   float:left
}

_________________
Corey
Hosting Solutions | Mile High Merchant Accounts | Expression Web Blog
quartzy



Joined: 26 Dec 2007
Posts: 405
PostPosted: Sat Mar 01, 2008 5:30 pm     re Reply with quote
The left content is floated to the left. I changed the size of the images in the left content as they were bigger than the content. But it has not made any difference. Somehow all my pages have been affected, so I dont know what I done, I am using EW.
quartzy



Joined: 26 Dec 2007
Posts: 405
PostPosted: Sun Mar 02, 2008 4:40 am     re Reply with quote
Its OK I have fixed it.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> CSS All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 
 
HOSTING / DESIGN
$1.99 Domain Registration
Cheap Web Hosting
Website Templates
MAKE MONEY
Sell Domain Names
Sell Website Templates

Home   |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial