Shoutbox

Dude, I absolutly love that design. It reminds me of alot of New Orleans (If you've ever seen pictures of it on TV). Awesome job .

You people really seem to like doing things the hard way.

Here Wj, take this and take a look through it - I placed some small comments in the CSS too (which is inline so i don't have to upload two files)

Love - your friendly CSS expert

ok, Take a look at the code on avidphotos.net now, It's does everything I want and it works in Safari (so I'm assuming it will work in Firefox).

Just had to think it through.

And Surfi, The probelm with that code is that it's left aligned, I wanted center Sorry, but THANKS for the help.

quote:

---

Originally posted by wj
Now, How do I get it to align left in firefox. It looks fine in IE, just it's centered in Firefox and I dont know how it go there.

---

Bitch! You said LEFT! I did it LEFT!

Oopps.....

* wj pats surfi on the head.


Thanks Surfi

What I was talking about there was the text... Guess I need to clarify next time.

quote:

---

Originally posted by wj
And Surfi, The probelm with that code is that it's left aligned, I wanted center Sorry, but THANKS for the help.

---

to make it center just give your master div (#container probably) the following

margin:0 auto 0 auto;

as in 0 pixels for top and bottom (which are your to change if needed)... the auto values calculate the needed free space equally for both empty sides which makes the #container aligned as center...

EDIT: I also misunderstood... anyways maybe the answer comes useful somewhere...

take a look at still-not-ready movies.ee... built up only on css and divs - works excellent on IE, FF and Opera latest versions...

--------------------------------------------------------------------------------------------

a little offtopic:

instead of
margin-top:10px;
margin-right:20px;
margin-bottom:30px;
margin-left:40px;

you can use
margin:10px 20px 30px 40px;
(same system goes for padding)

also instead of
background-image:url(images/bg.gif);
background repeat:no repeat;

you can use
background-image:url(images/bg.gif) no-repeat;

and borders like
border:2px solid #850000;


these few shortened versions save your time a lot and optimize your css... more info @ www.w3schools & alistapart.com...