go41

question about IE/FF displaying diff things and div bottom border

von Joern am 23. Mai. 2010 | Keine Kommentare

Hope your weekend is going well. Mine is. Anyways a few quick questions for you.
1.If you go tomy site now

you will see that I added a button code (the red buttons)
Found the main code and CSS
here. This site has an excellent array of button codes and style
Anyways.
The buttons are coded using a div and css
Here is the DIV
<div id="navcontainer">

<ul id="navlist">

<li id="active">Home
About me
Ammazing articles
Ammazing reviews
Ammazing archives
</div>
Here is the CSS
.navcontainer
{
float:left;

border-bottom: blue 4px solid;

}
ul#navlist

{

margin-left: 0;

padding-left: 0;

white-space: nowrap;

text-align:right;

float:right;

}
#navlist li

{

display: inline;

list-style-type: none;

}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited

{

color: #fff;

background-color: #FF0000;

text-decoration: none;

}
#navlist a:hover

{

color: #fff;

background-color: #FF3333;

text-decoration: none;

}
All I am trying to do now is to put a bottom border in my div
so I know the syntax is border-bottom:blue 4px solid;
So the navcontainer’s bottom border should be colored.
I am trying to get a horizontal line underneath my buttons as the same color as the background of the buttons.
Likethis site
You will see that it is there.
For instance you will see
Nav 1 Nav 2 Nav 3

__________________________________________________________________________________________
Now know that this can be the bottom border of the div that holds these buttons or navcontainer right? but as you see I have already set a bottom border and it is not showing.
I can also choose a small jpg and do repeat-x or something like that.
Please advise.
2. If you look at my site in FF the contact button and the FB and Twitter buttons are close but in IE they are far apart.
3. The font in FF is bold for the frontpage fosts but in IE it is normal. I want normal.
Thanks!

(von: omerkhan01)

Hier noch 7 weitere Ergebnisse dieses Threads:

Re: question about IE/FF displaying diff things and div bottom border :: Reply by master

23. Mai. 2010 (von: master)

the red line in ammazingseries is an image:http://ammazingseries.com/wp-content/th ... ground.jpgget this image and put back into your style.css:body {background:url("images/backgrounds/amma-background.jpg") repeat-x scroll center top #3C3C3C;color:#FFFFFF;font-family:Verdana,Arial,Helvetica,sans-serif;padding:0;}It's only 'body' stretching the full width of the screen, anything below div 'page' will show only…

Re: question about IE/FF displaying diff things and div bottom border :: Reply by omerkhan01

23. Mai. 2010 (von: omerkhan01)

Joern so you are going to be away for 1 week? Lastly, can you answer questions 2 and 3. The differenc3s in IE/FF with respect to the way my contact form and twitter/fb images display and the font differences between…

Re: question about IE/FF displaying diff things and div bottom border :: Reply by master

23. Mai. 2010 (von: master)

the buttons look in IE8 and ff quite similar. If you however change the window size these divs will move diffently because your div img1/2 is a position fixed from top of the screen (top:148px;) while the contact button is…

Re: question about IE/FF displaying diff things and div bottom border :: Reply by omerkhan01

23. Mai. 2010 (von: omerkhan01)

Yes that works. Hey Joern, look I got the border -the bottom border on my div, but then that shifted my nav bar to the right. Here is my CSS. Maybe is something in conflict..I think the border of .navcontainer…

Re: question about IE/FF displaying diff things and div bottom border :: Reply by omerkhan01

23. Mai. 2010 (von: omerkhan01)

Oh can you please put a picture of me on this forum. I would one day like to be an assistant mod. Weiterlesen →

Re: question about IE/FF displaying diff things and div bottom border :: Reply by omerkhan01

23. Mai. 2010 (von: omerkhan01)

Actually I figured out the float stuff. It is looking great. Just want your help regarding the Googleadv div. Want to move it to the right.Question when you want to move somethng right/left, do you always usemargin-right/margin-left? or can you…

Re: question about IE/FF displaying diff things and div bottom border :: Reply by Joern

23. Mai. 2010 (von: Joern)

the Googleadv div is in a div homecontent-topright. This is 300px wide.Now let your add float right and give it a width.googleadv {float:right;width:200px;}it should go fully right, with margin-right you could move it back some pix if you like.finally ...…

Autor:

Du findest mich auch auf Google+, Twitter und Facebook!

Schreibe einen Kommentar

Pflichtfelder sind mit * markiert.


weitere forum Beiträge: