CSS Forum

**designcat** · 07-09-2008, 01:50 AM

http://www.purelifenyc.org/_dev/conference_big_pic.html

I need the bottom picture aligned w/the border of the CSS box. Some of you helped get the top nice and neat. Now I need to get the bottom nice - the people I'm doing this for want the big pictures, so I need to tighten it...any ideas on this?

Looking forward to hearing from you!

**rolda hayes** · 07-09-2008, 08:34 AM

Code:

<P align=left><SPAN class=plconftext><STRONG>10:00am</STRONG> Don't miss 
        this finale of impartation and encouragement as Pastor Jim Laffoon 
        closes the conference with faith for every woman's heart and every dream 
        </SPAN></P></BLOCKQUOTE></TD></TR></TBODY></TABLE><BR></DIV></DIV>

Remove the page break at the bottom

**wayfarer07** · 11:17 AM

Let me guess. You're using Dreamweaver?

Not to change the subject, but shouldn't you be naming your CSS styles something more semantic, instead of .style1 .style2, etc? Also, don't put your styles in the head, unless they are being dynamically generated (which takes a lot of knowledge anyway). Place all of your CSS into an external file, and link to it using the <link> tag in the <head>.

This line (directly after your opening body tag), is horrible, just horrible:

HTML Code:

<div style="margin:0px auto;;width:900px;border:1px solid black;background:white;padding:0px;text-align:center;border-color:#666666;">
  <div align="center">
 <table width="900" height="650" border="0" cellpadding="0" cellspacing="0">

What you see above is a wrapper div with all inline styles wrapped around another div with a depreciated method for centering wrapped around at table that is being used for layout, and coincidentally, has the same width as the first div.

If I were you, I would start the unlearning process as soon as possible, before you become too good at doing things wrongly. This type of layout will get you nowhere, either professionally or in practice.

**designcat** · 07-09-2008, 09:43 PM

http://www.purelifenyc.org/_dev/conference_big_pic.html

We're set in Firefox and Safari but not Internet Explorer...any thoughts?

Thanks!

**Johnnie Walker** · 07-10-2008, 03:01 PM

Quote:

Originally Posted by designcat

http://www.purelifenyc.org/_dev/conference_big_pic.html

We're set in Firefox and Safari but not Internet Explorer...any thoughts?

Thanks!

Wayfarer pretty much covered what I would have said, however I didn't want to seem mean.

Your code is really, REALLY sloppy, and that's what's causing the IE errors. I spent half an hour trying to tidy it up, before I realized... What a waste of time.

Here's a suggestion, take it for what it's worth.

Check your own markup at W3C

I'm willing to bet if you fix even half of those errors, your spacing problem will be gone.

**wayfarer07** · 07-10-2008, 03:12 PM

CSS

Code:

table {
display: none !important;
}