Wed, 2010-09-01 14:11
Hi all, I have my site here <----there
I was needing to position screenshots and download links centered in an area on the left, and left align text with the 'Home' button there. I've tried floats, tables etc, but was wondering the best way since I will have multiple 'sets' of screenshots and paragraphs on the page with invisible 'dividers' between them. I want it to be easy to add more divs without having to resize the page/position manually. For the white area to stretch, I have to avoid absolute positioning in the content area. Help please?
Here's the site again...
"HTML outside of the tags will be removed."</em></strong>
...what
Wed, 2010-09-01 14:22
#1
Its not a good idea to have
Its not a good idea to have an absolutely positioned layout. It's best to keep everything in their natural flow. But on to your problems.
1. to center the screenshot, do the following.
a. add text-align: center to #content_left
b. take out the float from #pic.
2. to align the text with the menu...
a. change the left position of #content_right to 300px.
Validate the code, and research the term divitis.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Wed, 2010-09-01 15:48
#2
Well that worked for
Well that worked for positioning...
I forgot I was getting the coordinates from a Photoshop document in the wrong size 
But the page doesn't stretch because of the absolute positioning...
All I wanted was the x coordinates to be constant but not the y coordinates of these 'blocks' -- imagine all the content currently on that page one 'block.' I want multiple, but trying to add more overlaps them on themselves.
Wed, 2010-09-01 16:27
#3
If I was where you are now,
If I was where you are now, knowing what I know now; I'd start over. Use floats and margins to layout the page. Do not use AP or RP for anything.
AP = absolute positioning
RP = relative positioning
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Wed, 2010-09-01 20:15
#4
But how would I overlap
But how would I overlap objects?
Using margins and padding?
I just want to position the content on the page, with margins I guess.
So how...
Got any good examples of margin made sites with columns?
Wed, 2010-09-01 20:41
#5
what do you want to overlap?
what do you want to overlap?
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Wed, 2010-09-01 20:48
#6
The buttons are over an
The buttons are over an image. In the banner, I'm happy leaving the banner objects positioned relative and absolute.
Wed, 2010-09-01 21:16
#7
okay, a bit of
okay, a bit of restructuring...
1. i would not have all those images in the mast. It can be one image that has the gradient, text and cat.
2. This one image will be set as the background for #content aligned top.
3. I would then restructure my nav as a UL list.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Thu, 2010-09-02 13:26
#8
Impossible since I desire to
Impossible since I desire to have the cat and text download-able separately and able to contain links.
I have been wanting to perfect unordered lists, though -- I haven't really used them much. I want to be able to match what I currently have with accuracy, though...
Wed, 2010-09-08 14:02
#9
So I guess know one knows a
So I guess know one knows a good way.
Wed, 2010-09-08 17:33
#10
We know a good way and we've
We know a good way and we've told you about it. If you reject our advice that's your choice. Though it's odd that you came here asking for free help but feel you know enough to reject our advice anyway.