Hi,
Ive started making a small site for my college assignment and ive used some images for the navigation, and in FF the layout looks ok, but in I.E. it doesnt.
I know there are problems with the images on the right but ill get round to them aswell.
Ive used this to align the nav, i dont know if this is the correct way or not so if there is a correct way please tell me:
#nav {
margin:0;
padding:0;
line-height: 225px;
text-align:center;
}
anyone got any ideas? this assignment is not marked on the website just the content so it doesnt have to be perfect.
<!-- m --><a class="postlink" href="http://www.vagusnet.com/John/jhcol/index.html">http://www.vagusnet.com/John/jhcol/index.html</a><!-- m --> (sorry about slow loading on images)
Thanks,
JohnYou need to give the image a height if you use auto IE has trouble understanding that. So it needs to be somewhere. I recommend putting it in the <img> tag it is better so that the browser knows that it needs x amount of width and y amount of height before it puts it in there
::Edit:: here is what the W3C has to say about it...
Read it here (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-html40/struct/objects.html#adef-height-IMG">http://www.w3.org/TR/REC-html40/struct/ ... height-IMG</a><!-- m -->)
The height and width attributes give user agents an idea of the size of an image or object so that they may reserve space for it and continue rendering the document while waiting for the image data.#nav {
margin:0;
padding:0;
padding-top:95px;
text-align:center;
}
<img style="margin:auto;" src=http://www.webdeveloper.com/forum/archive/index.php/"wordim.jpg" alt="Microsoft Word" />
and yes give all images the correct height and widththanks guys ill have a gofont-family: arial,verdanan,timesnewroman,sans-serif;
font-family: Arial, Verdana ,"Times New Roman", sans-serif;font-family: arial,verdanan,timesnewroman,sans-serif;
font-family: Arial, Verdana ,"Times New Roman", sans-serif;
LoL how did I miss that? Good eye Fang!
Poegle you need to have it as "Times New Roman" spaces, double quotes, and all or else the browser will ignore it as a font it doesn't recoginze! And spell Verdana right too or else the same thing will happen!font-family: Arial, Verdana ,"Times New Roman", sans-serif;I'd have to ?? that one, too. (sans,sans,serif,sans)Ok so "Times New Roman" is serif, but it is now valid
I know and it's not your doing anyway. I just find it interesting what people decide to put in those font-family lists. I guess "Times New Roman" is the red headed step child in that family.
Ive started making a small site for my college assignment and ive used some images for the navigation, and in FF the layout looks ok, but in I.E. it doesnt.
I know there are problems with the images on the right but ill get round to them aswell.
Ive used this to align the nav, i dont know if this is the correct way or not so if there is a correct way please tell me:
#nav {
margin:0;
padding:0;
line-height: 225px;
text-align:center;
}
anyone got any ideas? this assignment is not marked on the website just the content so it doesnt have to be perfect.
<!-- m --><a class="postlink" href="http://www.vagusnet.com/John/jhcol/index.html">http://www.vagusnet.com/John/jhcol/index.html</a><!-- m --> (sorry about slow loading on images)
Thanks,
JohnYou need to give the image a height if you use auto IE has trouble understanding that. So it needs to be somewhere. I recommend putting it in the <img> tag it is better so that the browser knows that it needs x amount of width and y amount of height before it puts it in there
::Edit:: here is what the W3C has to say about it...
Read it here (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-html40/struct/objects.html#adef-height-IMG">http://www.w3.org/TR/REC-html40/struct/ ... height-IMG</a><!-- m -->)
The height and width attributes give user agents an idea of the size of an image or object so that they may reserve space for it and continue rendering the document while waiting for the image data.#nav {
margin:0;
padding:0;
padding-top:95px;
text-align:center;
}
<img style="margin:auto;" src=http://www.webdeveloper.com/forum/archive/index.php/"wordim.jpg" alt="Microsoft Word" />
and yes give all images the correct height and widththanks guys ill have a gofont-family: arial,verdanan,timesnewroman,sans-serif;
font-family: Arial, Verdana ,"Times New Roman", sans-serif;font-family: arial,verdanan,timesnewroman,sans-serif;
font-family: Arial, Verdana ,"Times New Roman", sans-serif;
LoL how did I miss that? Good eye Fang!
Poegle you need to have it as "Times New Roman" spaces, double quotes, and all or else the browser will ignore it as a font it doesn't recoginze! And spell Verdana right too or else the same thing will happen!font-family: Arial, Verdana ,"Times New Roman", sans-serif;I'd have to ?? that one, too. (sans,sans,serif,sans)Ok so "Times New Roman" is serif, but it is now valid
I know and it's not your doing anyway. I just find it interesting what people decide to put in those font-family lists. I guess "Times New Roman" is the red headed step child in that family.