Photos not aligned correctly using CSS layout

This is a discussion on "Photos not aligned correctly using CSS layout" within the Web Page Design section. This forum, and the thread "Photos not aligned correctly using CSS layout are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jan 27th, 2006, 08:27
Junior Member
Join Date: Jan 2006
Age: 42
Posts: 30
Thanks: 0
Thanked 0 Times in 0 Posts
Photos not aligned correctly using CSS layout

I am trying to work out why the pictures and not aligninig correctly in the faq and contact pages.

They should be inside the body of the site and should be the same width from the right hand body of the site, as the dotted line is from the photos.
I have tried to work this out but cannot see what l am doing wrong.
Any help would really be appreictated.

http://clubamigos.port5.com/faq.htm

http://clubamigos.port5.com/contact.html
Reply With Quote

  #2 (permalink)  
Old Jan 27th, 2006, 14:40
Junior Member
Join Date: Jan 2006
Location: Leeuwarden, NL
Posts: 25
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Photos not aligned correctly using CSS layout

The links do not work, I have a page with: "Page cannot be found". Please give the right links, so we can see the problem.
Reply With Quote
  #3 (permalink)  
Old Jan 27th, 2006, 18:52
Junior Member
Join Date: Dec 2005
Posts: 24
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Photos not aligned correctly using CSS layout

Those are the correct links. They were working last night and today for me, but I am a bit unclear on what he wants done. In IE the FAQ page looks good, is this how you want it to show in other browsers?
Reply With Quote
  #4 (permalink)  
Old Jan 29th, 2006, 15:51
SuperMember

SuperMember
Join Date: Aug 2003
Location: Castle Rock, CO
Age: 36
Posts: 163
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Photos not aligned correctly using CSS layout

I checked both pages in IE and Firefox and everything looked the same to me as well.
Reply With Quote
  #5 (permalink)  
Old Jan 30th, 2006, 08:05
Junior Member
Join Date: Jan 2006
Age: 42
Posts: 30
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Photos not aligned correctly using CSS layout

Quote:
Originally Posted by Corey Bryant
I checked both pages in IE and Firefox and everything looked the same to me as well.
If you see both faq and contact pages you will see that the photos are not aligned correctly.

I would like the photos to look as follows:

1. Dotted line to go all the way down the page. (see red text line).

2. Even space between top photo and navbar and bottom photo and bottom of content of page. (see blue text line).

3. Even gap betwen left hand side of photos and line and right hand side of photos and right hand border of content.(see green text line).

see screenshot:

http://clubamigos.port5.com/photos_problem.jpg
Reply With Quote
  #6 (permalink)  
Old Jan 30th, 2006, 14:56
SuperMember

SuperMember
Join Date: Aug 2003
Location: Castle Rock, CO
Age: 36
Posts: 163
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Photos not aligned correctly using CSS layout

I'll try looking again at the a bit later. I guess the site is down again right now.
Reply With Quote
  #7 (permalink)  
Old Jan 31st, 2006, 16:01
masonbarge's Avatar
Highly Reputable Member
Join Date: Jan 2006
Location: Atlanta GA
Posts: 631
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Photos not aligned correctly using CSS layout

Give the pictures an id and set margin: 0; Also take out the html spacers, I mean really!

Then use bottom margins for spacing. (Remember about margin collapse)
Reply With Quote
Reply

Tags
photos, aligned, correctly, using, css, layout

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Footer directly aligned to bottom thewebkid Web Page Design 2 Dec 25th, 2007 21:36
IE7 bug: list bullets aligned to bottom MikeHopley Web Page Design 6 Sep 12th, 2007 19:56
Vertical lists aligned horizontally, IE problem LandisDesign Web Page Design 4 Aug 24th, 2007 17:47
IFRAME Aligned to Right WiseWizards Web Page Design 3 Aug 3rd, 2005 22:20
Two Texts Aligned to Seperate Edges WiseWizards Web Page Design 4 Jul 23rd, 2005 06:36


All times are GMT. The time now is 02:49.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43