I'm trying to redo my site so it doesn't look so bad and mundane. I did a nice design and trying to lay it out using CSS.
I'm clueless as to how to do this though.
I chopped up my PSD manually into 9 simple parts Top Button Row 1 through Button Row 7 Bottom
here are the pieces:
Should I be using something like:
<!-- body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults / text-align: center; / this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector / color: #000000; } .oneColFixCtr #container { width: 1000px; / using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar / background: #FFFFFF; margin: 0 auto; / the auto margins (in conjunction with a width) center the page / text-align: left; / this overrides the text-align: center on the body element. */ }
header {
background-image:url('lo/top.jpg'); }
-->
That header doesn't seem to do the trick. Aside from tables how would I lay this thing out? I also tried tables and am getting a weird horizontal bar between the buttons and the bottom.
p.s. The gaps in the layout are not intended just showing up here on 12S.
Hmm should I just make it a table and put a transparent layer over the part I want to places the gallery in?
And if so any ideas on why I'm getting a gap in my table?
Alright I got the table setup now I'm trying to figure out if I should use iframe or layer to do the gallery
Now in the bottom part I want a gallery pretty much like on my crappy rough site Gallery
Also need to figure out how to make it so that it looks nice in all browsers because already I have a vertical scrollbar just on the empty background.
I vaguely remember there is something like a scrollbar=no or something. Maybe I can do that to the main content div and then add a small div with its own scrollbar where I want it? Just gotta figure out how.
Okay got it so it doesn't scroll using overflow but its extending only in one direction now on the horizontal, need to figure out how to center it so if you widen your page it expands evenly on both sides.
Got a gallery working Photo Gallery
Need to space them further from each other maybe using borders. Definitely fix the border color too.
Then got to figure out a way that when you scroll the gallery it goes behind the top. If I can't figure that out I'll have to figure out a different way to display the pictures.
Alright getting closer. Just having a lightbox problem
Anyone know what cause fix this problem?