Jump to content

*SOLVED* absolute pos & mainnav


Ninjakreborn

Recommended Posts

I have 2 more questions, I took them out of that post, because they were on a different subject.
1. In My Main navigation over at www.freelancebusinessman.com The padding, margin, doesn't look right in all browsers, is there a way to make it get directly in the middle, but not like it does on text-align:center.
It's not working out, the other browsers are adding extra padding even when I specify a smaller amound, and I can't get it to look right.
2. I have stopped using absolute positioning 90% of the time, but I will possibly redoing my entire site to liquid design, or trying to redo what I have for hte homepage, the question I have is, if I use absolute positioning on the following elements
a. the picture to show xhtml validation
b. The picture to show css validation
c. Whatever else I choose to validate
(I am planning on putting them all a little under the navigation on each page, but I want them to be even.)
Will it have any negative affect on my site once it's liquid to use the absolute positioning for just these elements, if so what other means should I try to learn toward to get them there, without interfering with anything else on the page at all, thanks again for the help.
Link to comment
Share on other sites

[!--quoteo(post=374031:date=May 15 2006, 04:37 PM:name=businessman332211)--][div class=\'quotetop\']QUOTE(businessman332211 @ May 15 2006, 04:37 PM) [snapback]374031[/snapback][/div][div class=\'quotemain\'][!--quotec--]
I have 2 more questions, I took them out of that post, because they were on a different subject.
1. In My Main navigation over at www.freelancebusinessman.com The padding, margin, doesn't look right in all browsers, is there a way to make it get directly in the middle, but not like it does on text-align:center.
It's not working out, the other browsers are adding extra padding even when I specify a smaller amound, and I can't get it to look right.[/quote]

Do you mean the headings? If os make sure you are applying both margin and a padding. As header tags h1, h2, h3 .. h6 etc have a defualt margin and padding set. So make sure you set padding to zero pixels and then just set the margin for the tag.

[!--quoteo(post=374031:date=May 15 2006, 04:37 PM:name=businessman332211)--][div class=\'quotetop\']QUOTE(businessman332211 @ May 15 2006, 04:37 PM) [snapback]374031[/snapback][/div][div class=\'quotemain\'][!--quotec--]
2. I have stopped using absolute positioning 90% of the time, but I will possibly redoing my entire site to liquid design, or trying to redo what I have for hte homepage, the question I have is, if I use absolute positioning on the following elements
a. the picture to show xhtml validation
b. The picture to show css validation
c. Whatever else I choose to validate
(I am planning on putting them all a little under the navigation on each page, but I want them to be even.)
Will it have any negative affect on my site once it's liquid to use the absolute positioning for just these elements, if so what other means should I try to learn toward to get them there, without interfering with anything else on the page at all, thanks again for the help.
[/quote]
No stay away from absolute positoning it is not needed for that. Just put them in a div and set the margin to position it.
Link to comment
Share on other sites

so it's best to NEVER use absolute/relative postioning. And what I meant by the nav, I mean all the links, the padding is severely off in almost all browsers, it looks highly unprofessional, and I am trying to get it to work properly, I want it over to the left, just a little padding on each one of them.
I guess I could remove the padding, and instead indent the links.
Link to comment
Share on other sites

nevermind problem solved, when I specify margin, I was specyfing bottom, and it must have messed it up, when I redid it, I did margin, then left, then positioned it with padding by sight, it worked that time. It's like f I code it too fast the browser get's confused:S, but either way when I redid it SLOWER it finally registered, and htere were no errors at first.

except for that other quesitons about absolute/relative positioning if anyone has time.
Link to comment
Share on other sites

Well that's it the homepage is almost finished, I had one more question, You were right I put in the validation links, it looks great, but how do I move it upwards, not all the way but to get it just a little bit closer to the mainnavigation. I am trying to get itup some, but anythign I do with margin, knocks it up at the top, and i am afraid of messing up the rest of the design.
Link to comment
Share on other sites

About absolute/relitive positioning in most cases yes dont use it. However instead for what you want to do I would suggest you do is the following: wrap your mainnav div insde another div and give your new div an id of leftcol.

Now remove the [i]float: left[/i] from your #mainnav style. After that create new style called #leftcol in your style sheet and apply a float: left style to it. Now you'll want to create another div which will hold your validation buttons underneath your #mainnav div inside your new #leftcol div. With the div you have just created give that an id of buttons and apply the following to your style sheet:
[code]#buttons {
    width: 200px;
    margin: 0.5em;
    margin-right: 0px;
    text-align: center;
    padding: 0.5em;
}

#buttons img {
    padding: 20px; /* spred the buttons out evenly */
}[/code]
Your buttons should now be underneath your #mainnav div and is centered inside the #leftcol div too.

Take a look [a href=\"http://homepage.ntlworld.com/cshepwood/businessman/freelancebusinessman.html\" target=\"_blank\"]here[/a] for what the out come will look like.

Absolute/relative positioning should left until last if all other methods fail.
Link to comment
Share on other sites

he he
Worked perfectly I am putting it up on criticism board now before I go do some stuff.
I appreciate all the help, after that i just start copying pasting, and filling content, until I get to the forms section then I can start playing with php, javascript some more. I really appreciate all the help, everything you suggested worked perfectly, and I learnt quite a lot during building the homepage these 3 times.
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.