Re: [WSG] Image Positioning Problems :(

2004-11-28 Thread Bryan Davis
Hi Josh
Couple of things I noticed with your code.
First up, you need to change all the repeated divs to classes from ids - 
divs with an id should only appear once in a page. So in the CSS, 
#client should be .client etc.
Having done that, I would suggest that you set:

.client {position: relative; }
and then absolutely position the imgClient div within it (always 
useful to remember that absolutely positioned elements are positioned 
relative to their containing parent element).
The infoClient div can then have a left-margin that allows it to 
clear the imgClient div and keep the content in the document flow. 
Everything should then slot together nice and neatly.

Another point:
I see no reason for
div id=topClient
p class=infoHotel Name/p
/div
Why not
h3 class=topClientHotel Name/h3
That way you will save a fair bit of page weight not only in the XHTML but also 
styling 1 element rather than 2 in the CSS.
Hope that helps,
Bryan
BryanDavis.info http://www.bryandavis.info
Joshua Leung wrote:
Hi there CSS-Crew..
I have never posted anything on here yet, so please bear with me ..
I'm trying to layout this page in CSS, but I have forced myself not to use
tables, and as you can see the pictures are not aligning with their
corresponding text boxes...
could anyone suggest anything that may be of help?
Also, there seems to be a small 4px gap between the navigation bar and the
background of the content div... how can I get rid of this?
you can have a look at the page here:
http://www.triplejosh.com/work/test/clients.html
sorry also that my Code is all over the place, I've only just started to
learn CSS ...
Thanks for this,
Josh.

**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

 

**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] Image Positioning Problems :(

2004-11-27 Thread Jonathan T. Sage
added this to #client, is this the idea your looking for?

clear: both;
margin-bottom: 50px;



On Sun, 28 Nov 2004 14:27:56 +1100, Joshua Leung [EMAIL PROTECTED] wrote:
 
 Hi there CSS-Crew..
 
 I have never posted anything on here yet, so please bear with me ..
 
 I'm trying to layout this page in CSS, but I have forced myself not to use
 tables, and as you can see the pictures are not aligning with their
 corresponding text boxes...
 
 could anyone suggest anything that may be of help?
 
 Also, there seems to be a small 4px gap between the navigation bar and the
 background of the content div... how can I get rid of this?
 
 you can have a look at the page here:
 http://www.triplejosh.com/work/test/clients.html
 
 sorry also that my Code is all over the place, I've only just started to
 learn CSS ...
 
 Thanks for this,
 Josh.
 
 **
 The discussion list for  http://webstandardsgroup.org/
 
  See http://webstandardsgroup.org/mail/guidelines.cfm
  for some hints on posting to the list  getting help
 **
 
 


-- 
Jonathan T. Sage
Theatrical Lighting / Set Designer
Professional Web Design

[HTTP://www.JTSage.com]
[HTTP://design.JTSage.com]
[EMAIL PROTECTED]
[See Headers for Contact Info]
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**