Forum Moderators: not2easy
Any advice/help would be very helpful at this point.
Thanks in advance.
John
Header information:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
Here is the code as it stands.
ul.side {
border-bottom: #aaaaaa solid 1px;
display:block;font-size: small;
font-weight:normal;
color:#444444;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin-top:0px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom:0px;
}
li.side{
list-style-type: disc;
font-size: small;
font-weight:normal;
color:#444444;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top:0px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom:0px;
}
li.side a {
text-align: left;
font-weight:normal;
text-decoration:none;
font-size:small;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #008800;
}
li.side a:hover {
text-align: left;
font-weight:normal;
text-decoration: underline;
font-size:small;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000FF;
}
** The HTML code below is working the side menu **
<tr>
<td height="0" valign="top" class="Side_menu_heading">• Related Internet Links</td>
</tr>
<tr>
<td height="0" valign="top"><ul class="side">
<li class="side"><a href="http://uk.ask.com/">Related links <br>
go in here</a></li>
</ul></td>
</tr>
<tr>
<td height="0" valign="top"><span class="Side_Menu_BGrey_XS">We are not responsible for the content of external internet sites</span></td>
</tr>
<tr>
I see you have zeroed out your margins for top and bottom.
There are default margins on different browsers for different things.
First, to save you some typing time. In your css you can always zero things out like this
* {margin: 0px;
padding: 0px;
border: 0px;
}
Now when you do this, you can place margins and padding where you need it and don't have to worry about pulling them out of things. Makes it so much easier.
So, the next question that I would have for you is, Have you tried to give this a small margin to see if it pushes it over a bit for you?
Thank you for your help!
You asked "So, the next question that I would have for you is, Have you tried to give this a small margin to see if it pushes it over a bit for you?"
Yes, I have tried the margin movment but it doesn't seem to work, or in Internet Explorer I lose the bullet point. I am using Dreamweaver, and the unordered lists to produce the links menu on the right hand side of the page. Even if I move the right-hand margin, the bullet point (disc) moves to the left, but the border line at the bottom still starts where the start of the text starts in Internet Explorer. If I view the same list Firefox, Opera or Safari I have no problems and the page looks perfect.
why can't Microsoft build the same back engine as the three other major browsers used on the Internet?
I would be very grateful if you could come back with any ideas.
Just to clarify why I was using more margin information, I read on the Internet that Internet explorer reads margins and padding differently to Firefox, opera and Safari. I hope this information helps.
Kind regards.
John.
Now, have you tried a negative margin?
Another thought process for you, is the width of the div for the nav wide enough?
Also, so that the other browsers don't pick up what you are trying to accomplish with IE, use a conditional statement. IF you do a search here on WebmasterWorld, you will find information on how to use them.
(You'll have to forgive my not having "the answer" right off the bat for you. I have been away from design for a bit, so am working on my come back to things :) I'm working on refreshing my mind right now )
A great site for you to read about doing list is called Listamatic. There are so many lists on there, and I am sure that it has been updated greatly since the last time I visited it.
Please keep us updated and let us know how you are making out. :)
