Need 'clear' help
Hi
Please see my layout in the image 1.gif. There are three elements. 1: Tabs, 2: Post and 3: Sidebar. In the first image, the Tabs portion has the top margin fixed at 22px, but if I try to increase that number so that it could attach to the Post area, everything splits (seen in 2.gif). Please help me find the solution for this problem.
Thanx
Max
| Attachment | Size |
|---|---|
| 1.gif | 59.4 KB |
| 2.gif | 65.79 KB |
Megan posted this at 17:23 — 24th June 2008.
She has: 11,421 posts
Joined: Jun 1999
Could you post a working link please? It's impossible to troubleshoot this without having access to the code.
You're trying to move the tabs down so they're right on top of that post box, correct?
Megan
Connect with us on Facebook!
Maxal posted this at 17:28 — 24th June 2008.
They have: 15 posts
Joined: Dec 2007
Yes Megan, you are right. I want the tabs over the post box. And since I am setting up the site on the localhost, there is no working example available. But am attaching the stylesheet. Hope it would help you in helping me
Thanx in advance Megan.
Max
Megan posted this at 18:46 — 24th June 2008.
She has: 11,421 posts
Joined: Jun 1999
I'd like to see the HTML code too. It would really be more helpful if you could upload this to a working server. Then we can use Firebug to quickly diagnose the problem rather than guessing.
I think what you need to do is move the list with the tabs down to place it above the post box rather than being inside the header div. That might get you somewhere. The clear: both on the tabs list will cause you problems too.
Megan
Connect with us on Facebook!
decibel.places posted this at 18:28 — 24th June 2008.
He has: 1,494 posts
Joined: Jun 2008
Maxal,
Please post the URL to the SITE
Otherwise we cannot tell what the object names are that are referenced in your stylesheet (but it is helpful that you posted that)
Megan, take a look at these GIF files uploaded here.
In Firefox 2.0.0.14 they display momentarily then there is a message
It appears that they are constantly reloading.
They display in IE but also do not finish loading.
Megan posted this at 18:42 — 24th June 2008.
She has: 11,421 posts
Joined: Jun 1999
Tested in:
Opera 9.5/Mac
Firefox 2/Mac
Firefox 3/Mac
Safari 3/Mac
Firefox 3/Win XP
IE 7 (in inside 8 beta)/Win XP
IE 6/IEs4Linux
Firefox 3/Linux
Opera 9.5/Linux
All fine. Get yourself a decent OS, that's your problem
No, just kidding, I'd be happy to hear about others having this problem.
Megan
Connect with us on Facebook!
decibel.places posted this at 18:53 — 24th June 2008.
He has: 1,494 posts
Joined: Jun 2008
Well, the images appear stable in Opera 9.02
(I had to uninstall v 9.5 because it crashes on Yahoo Mail Beta - even with the 9.52 release that supposedly fixed that)
Maxal posted this at 19:45 — 24th June 2008.
They have: 15 posts
Joined: Dec 2007
OK, I will upload it to web server and post the url here. Thanx
Maxal posted this at 16:38 — 25th June 2008.
They have: 15 posts
Joined: Dec 2007
OK guys, here is the site. I want the posting area (Tabs+Post) to have top margin of 200px whereas sidebar on the right will stay put. The basis purpose is to let the background art show up which is currently behind the posting area.
Megan posted this at 18:14 — 25th June 2008.
She has: 11,421 posts
Joined: Jun 1999
First move the ul.tabs down into the #content div, at the very top. Change the CSS accordingly so the ul.tabs are in #content not #header. Then increase the top margin on #content.
I'm going to remove the CSS you just posted since the .css file is already linked and we can easily access it in the browser.
P.S. This was my 10,000th post! I knew I was close, and low and behold... there it is.
Megan
Connect with us on Facebook!
Maxal posted this at 19:46 — 25th June 2008.
They have: 15 posts
Joined: Dec 2007
Congrats Megan for the 10,000 mark. Great job. I haven't been to this forum much, but I can see you everywhere helping people around.
About the tips you have given, I am not sure if I could implement your suggestion. I would be highly thankful if you could please help me in this regard. Thanx a billion Megan
Megan posted this at 20:48 — 25th June 2008.
She has: 11,421 posts
Joined: Jun 1999
What do you mean you're not sure if you could do it? I'll try to be more clear:
<ul class="tabs">list and move it down under<div id="content">#header ul.tabsto#content ul.tabsmargin-topon#contentto whatever value works to clear the background image.Megan
Connect with us on Facebook!
decibel.places posted this at 22:31 — 25th June 2008.
He has: 1,494 posts
Joined: Jun 2008
Megan,
I think we understand that you are referring to actually cutting and pasting the code for
<ul class="tabs">list from the header div to the content divbut maybe someone who is not confident with the relationship of html and css would not understand that
when I was training assistants in sound editing for film, I had to carefully explain things that I thought were obvious - we lose perspective after a while
assume nothing - be as specific as possible
hope this helps
Megan posted this at 13:04 — 26th June 2008.
She has: 11,421 posts
Joined: Jun 1999
I don't really like to do that because first of all you could be insulting someone by assuming they don't know anything. I couldn't really tell how much HTML Maxal knows.
Secondly, it takes a lot of time to be specific.
Thirdly, it also means that the person doesn't need to think for themselves. They don't need to figure anything out so they don't actually learn anything.
Megan
Connect with us on Facebook!
Maxal posted this at 20:43 — 26th June 2008.
They have: 15 posts
Joined: Dec 2007
Megan I guess I should haven't asked that question. Actually I was in a hurry at that time and didn't extactly note what you were driving at. Later on, I got your point which was implemented and I got what I was looking for. You can see the site again. It's the exact layout I wanted to have. Thanx a lot for your help. So very nice of you
Max
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.