Been playing with all you guys helped me with so far, and have decided on a layout using parts of what was posted..
but Im curious how I can do this. Heres the page, but the menu bar (tabs), i need it to go all the way over to the right column....
layout test (<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/layout4.htm">http://cdxrevvved.mine.nu/web/ecommerce ... ayout4.htm</a><!-- m -->)Um the tabs go to the right column for me both in Mozilla and IE 6.
However there is something else broken on the page, becuse the left column is squashed in Mozilla.sorry, it looks fine in avant browser... based on ie
downloading mozilla now
here is a jpg of what i am TRYING to do..
<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/Image1.jpg">http://cdxrevvved.mine.nu/web/ecommerce ... Image1.jpg</a><!-- m -->
or
picture (<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/Image1.jpg">http://cdxrevvved.mine.nu/web/ecommerce ... Image1.jpg</a><!-- m -->)Ok.. the base layout.. now, I will try to add the borders, etc. I want in there, and see how bad I can destroy it...
Ya know, css is a lot harder to work with than it looks... lol
Any suggestions, ideas, comments, want to tell me that I'm an utter fool to even try this layout, please, feel free to reply...
Sample Layout - with content added and borders, try changing from layout5.htm to layout6.htm (<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/layout5.htm">http://cdxrevvved.mine.nu/web/ecommerce ... ayout5.htm</a><!-- m -->)
---------------------------EDITED----------------------------------
Layout 6 is ok... gonna leave it alone and go on with layout7.htm .. 6 appears to be looking ok in opera, ie 6, avant browser, mozilla, and netscape 7... if you have others, id appreciate the comments..
layout 6 (<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/layout6.htm">http://cdxrevvved.mine.nu/web/ecommerce ... ayout6.htm</a><!-- m -->)
And if ya want, just tell me to shut up and well, i'll try...
And to top it all off, except for a align=right in the img tag, it VALIDATES!!! WOOHOO!!!One Final Thing before I crash... How on earth do I set a margin or padding all around? The maincontent is almost against the edges of my other div's. Ive tried margin, and padding, but either they arent supported by avant browser or else im not doing it right..
anyways, final draft of the night as if anyone cares.. {grin}
Final Draft - how do i add a margin to the inside of my div? (<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/layout7.htm">http://cdxrevvved.mine.nu/web/ecommerce ... ayout7.htm</a><!-- m -->)You can use CSS padding give your main contents more space from the division's border.Originally posted by cdxrevvved
One Final Thing before I crash... How on earth do I set a margin or padding all around? The maincontent is almost against the edges of my other div's. Ive tried margin, and padding, but either they arent supported by avant browser or else im not doing it right..
To make a 10px spacing between the text on main content and the left (floated) box, you could eg add margin-left:160px to the main content div (since the float is 150px wide).ok,thanx again. I had tried using the margins, etc, but I was trying to set them to 10px, now I see how it works.. thx!
but Im curious how I can do this. Heres the page, but the menu bar (tabs), i need it to go all the way over to the right column....
layout test (<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/layout4.htm">http://cdxrevvved.mine.nu/web/ecommerce ... ayout4.htm</a><!-- m -->)Um the tabs go to the right column for me both in Mozilla and IE 6.
However there is something else broken on the page, becuse the left column is squashed in Mozilla.sorry, it looks fine in avant browser... based on ie
downloading mozilla now
here is a jpg of what i am TRYING to do..
<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/Image1.jpg">http://cdxrevvved.mine.nu/web/ecommerce ... Image1.jpg</a><!-- m -->
or
picture (<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/Image1.jpg">http://cdxrevvved.mine.nu/web/ecommerce ... Image1.jpg</a><!-- m -->)Ok.. the base layout.. now, I will try to add the borders, etc. I want in there, and see how bad I can destroy it...
Ya know, css is a lot harder to work with than it looks... lol
Any suggestions, ideas, comments, want to tell me that I'm an utter fool to even try this layout, please, feel free to reply...
Sample Layout - with content added and borders, try changing from layout5.htm to layout6.htm (<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/layout5.htm">http://cdxrevvved.mine.nu/web/ecommerce ... ayout5.htm</a><!-- m -->)
---------------------------EDITED----------------------------------
Layout 6 is ok... gonna leave it alone and go on with layout7.htm .. 6 appears to be looking ok in opera, ie 6, avant browser, mozilla, and netscape 7... if you have others, id appreciate the comments..
layout 6 (<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/layout6.htm">http://cdxrevvved.mine.nu/web/ecommerce ... ayout6.htm</a><!-- m -->)
And if ya want, just tell me to shut up and well, i'll try...
And to top it all off, except for a align=right in the img tag, it VALIDATES!!! WOOHOO!!!One Final Thing before I crash... How on earth do I set a margin or padding all around? The maincontent is almost against the edges of my other div's. Ive tried margin, and padding, but either they arent supported by avant browser or else im not doing it right..
anyways, final draft of the night as if anyone cares.. {grin}
Final Draft - how do i add a margin to the inside of my div? (<!-- m --><a class="postlink" href="http://cdxrevvved.mine.nu/web/ecommerce/testlayout2/layout7.htm">http://cdxrevvved.mine.nu/web/ecommerce ... ayout7.htm</a><!-- m -->)You can use CSS padding give your main contents more space from the division's border.Originally posted by cdxrevvved
One Final Thing before I crash... How on earth do I set a margin or padding all around? The maincontent is almost against the edges of my other div's. Ive tried margin, and padding, but either they arent supported by avant browser or else im not doing it right..
To make a 10px spacing between the text on main content and the left (floated) box, you could eg add margin-left:160px to the main content div (since the float is 150px wide).ok,thanx again. I had tried using the margins, etc, but I was trying to set them to 10px, now I see how it works.. thx!