HTML - Ie/firefox Problems

Having problems with my logo on ie and firefox. It opens fine in safari. Site is www.justintimemelodies.com. I am new to html and am not sure what the problem is. I assume i need to add something for the coding to show in those two browsers. the following is the code:<div id="Logo">
<a href="index.html"><img src="./images/JustInTime2.jpg"alt="Home" border="0"></img></a></div>
<a href="index.html"></a>

I did some searching, but have not found the exact probelm here, so I am starting new:

I created a site using CSS/HTML for my layout (using Dreamweaver). Whenever I view it using IE7, it looks great and everything works. When I open it in Firefox, once again it looks good, except for the bottom of the divisions right above my footer, there is a 20px offset and blank space on the 2 side divisions, but not the center one. Lastly, when you view this in IE6 or IE5.5, the middle division is pushed down past the 2 side divisions so you see blank space between those and scroll down to see the middle division.

It is only in the building stages and some links are not completed yet, and the main site is:

http://dana.sportslineceramics.com

I piggy-backed it off my own website so I can view it live and work on it. I have tried everything I can think of to get it to display right, and it just does not. I want to use an <iframe> in the middle division so that all links open on that same page instead of having 17 different pages.

Thanks in advance for any suggestions!

Greetings, everyone! I'm glad to have found this site!

I've been building a website - I'm pretty limited to just HTML knowledge and a little CSS - and everything is going along okay, except I'm stumped on this one issue.

I got tired of everything looking so 'boxy', since I use a lot of Tables to create my site, so I learned how to add rounded corners to my tables, which helps a lot.

However, what looks good in my Firefox browser (the one I normally use) does not look right in Internet Explorer. Basically, on the right side of the main table, where I placed a graphic of a rounded edge, I'm still getting a weird white border line, even though I've set all my borders to zero. I was wondering if someone could take a look at my page and tell me where I'm messing up.

Here's a direct link to the page in question....

http://www.kitwoo.com/kitwoo_seo.html

If you look at it in Firefox, it looks fine, but in IE (I think I'm using the latest version of both browsers) you can see that little white line on the right side of the table.

Thanks in advance for any suggestions!

So we have this old website that we're updating and in our updates we've found that the text will now run over the margins (into our pretty white space). We don't want it to pass the blue tab that says "Contact". Any ideas?

http://www.carlsonbldgservices.com

Also how can I remove the underline in "Click to Enter"?

In a website i'm designing, there is a slideshow I created, and instead of using flash I used Windows Media Player. For some reason the html border attribute on both the <embed> and <object> tags, when viewed in Firefox, do not work.

Page with border problems

here is the code, if you want it:

Code:

<center>
<object id="MediaPlayer" 
             width="800" 
             height="650" 
             classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" 
             standby="Loading Windows Media Player components..." 
             type="application/x-oleobject" 
             codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
             title="Pete's Mountain Road Slideshow"
             border="3"> 

<param name="filename" value="http://www.petesmountainroad.com/PetesMountain.wmv" />
<param name="Showcontrols" value="True" />
<param name="autoStart" value="False" />
<param name="wmode" value="transparent" />

<embed type="application/x-mplayer2" src=http://www.petesmountainroad.com/PetesMountain.wmv" 
              name="MediaPlayer" 
              autoStart="False" 
              wmode="transparent" 
              width="800" 
              height="650"
              title="Pete's Mountain Road Slideshow"  />
</object>
<br />
<p class="main">If you do not have Windows Media Player, you can view the video by following 
<a class="Link" href="http://www.microsoft.com/windows/windowsmedia/player/11/default.aspx" target="_blank" title="Download Windows Media Player 11">this link</a> 
to download the program to your computer, then try to play it again.</p>
</center>
</body>
</html>

this is my page http://web.vtc.edu/users/cjb06271/CI...nal/order.html

there are several things I would like to happen.
1. the right collumn background to be where the right collumn should be(so other links in navbar)
2.The test between the roach pictures to be alligned with the top rather than bottom of pictures (so smaller windows can see)
3. When you size the window smaller than the text, a scroll bar appears, and when you scroll the background no longer exists. If I put it on auto the background will only go as far as the text does.
4. (nice but not required)The cocroachs to be alligned to the left and right of the top bar respectively, and the text in the middle.
5. (nice but not required) the right column background image is being cut in half (as does the top one if you size small enough). any way to make the images ignore the collumns?
don't worry about the colors I will be changing them soon

Hello,
I am pretty new to the whole html world so forgive me if this is a simple problem. I have look all over for a post explaing this problem but i haven't found anything. I am making a site for a friend using Dreamweaver. I know i know, i regret not coding it from scratch but its too late now. Anyways I have a pretty good page layout going now but I have ran into a problem with loading my images. On my home page an image in a table nested inside another table will load when viewing in safari but seems to disappear in firefox. What is going on? Its a pretty simple piece of code. I place;

<img src="Pictures/RDV couplepalm.jpg" width="200" height="" style="float:right; padding: 8px; margin-left:10px; margin-bottom: 10px" /

inside of a paragraph in a row of a table.

I have rewritten the code for this image, copied it from a working image and screwed around with the table heights (although I wasn't too sure what i was doing). What else should I try?

I have attached screen shots of the site in both browsers a copy of the problem jpeg aswell as a copy of the html.

Any information anyone could givee me would be REALLY appreciated!
Thank you.

Let me state my problem. Under my links which is under the banner, it says My Tickets, and User it seems in Internet Explorer it shows an extra 2px border on the bottom. Something to do with the height I assume.

Now in firefox there is a 10px gap in between the Ticket Deck banner and the Links Bar.

Also I can't keep to get the copyright centered for some reason :s .

Here is the html:
Code:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 
	 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
 <html><head><title>Ticket Deck v. 1.0 beta</title>
 <link href='index.css' rel='stylesheet' type='text/css' />
<body>
<div id='header'>
    <div id='tlogo'><div id='logo'></div></div>
	    <div id='links'>
		   <ul>
			   <li><a href='#'><img src='images/linksmy.gif' width='91' height='25' alt='My Tickets'></a></li>
			   <li><a href='#'><img src='images/linksuser.gif' width='83' height='25' alt='User Area'></a></li>
		   </ul>
	</div>
</div>
<br />
<div id='memberbar'>
    <div id='textmargin1'>
    test
    </div>
</div>
<br/>
<div id='container'>
    <div id="content">Welcome to Ticket Deck's Ticket System. What is listed below is your ticket's summary clicking on the subject title will
	bring you directly to your ticket.<br/>
        <div id="tickets"><div id="tbar"><div id="textmargin">Ticket Summary</div></div>
		<div id="tcontain">
			<table width='100%' cellpadding='3' cellspacing='1' id='toutline'>
			<tr>
				<th width='5%'>id</th>
				<th width='30%'>Subject</th>
				<th width='10%'>Priority</th>
				<th width='23%'>Starter</th>
				<th width='15%'>Status</th>
				<th width='10%'>Dept #</th>
			</tr>
			<tr>
			</table>

</div>
<br/>
		<center>Welcome Guest! Please login to view your tickets!</center>
		</div>
	</div>

    <div id="nav"><div id="navbar"><div id="textmargin">Login</div></div>
    <div id="textmargin">
    Username: <br/>
	<input type="text" name="username" size="25" /><br />
    Password: <br/>
	<input type="text" name="username" size="25" /><br /><br />
    <input type="hidden" name="do" value="new">
    <center>
    <input type="submit" name="Submit" value="Login" />
    <input type="reset" name="reset" value="Reset" /><br/>
    </center>
	</div>
	<div id="navstrip"><div id="textmargin">Ticket Statistics</div></div>
	lovely stats here
	   <br/>
   	<div id="navstrip"><div id="textmargin">Ticket Statistics</div></div>
	Update: Ticket Deck re
   </div>
   <div id="copyright">
<center>Powered by <a href="#">Ticket Deck</a> v. 1.0 Beta 1</center>
</div>
   </div>
</div>
</body>

The CSS
Code:

body {
background: #f8f8f8;
color: #8a6600;
font: 12px verdana, arial, sans-serif;
margin: 0px;
padding: 0px;
}
a img {
border:0;
}
div#tlogo {
background-image: url(images/tlogo.gif);
width: 100%;
height: 25px;
}
div#logo {
background-image: url(images/logo.gif);
width: 197px;
height: 25px;
margin-left: 25px;
}

div#links {
height: 25px;
min-height: 25px;
width: 100%;
background-image: url(images/linksbg.gif);
padding: 0;
margin-top: 1px;
}

div#links ul {
list-style:none;
}
div#links ul li {
float:left;
}
div#header {
height: 51px;
}
div#container {
color: #ebba34;
height: 200px;
min-height: 100%;
width: 830px;
margin: auto;
}
* html #container {
height:100%;
}
*html #copyright {
position: absolute;
bottom: 0px;
}
div#date {
margin-right: 10px;
float:right;
}
div#nav {
color: #1b90b7;
border: 1px solid #61a5b9;
float: left;
width: 220px;
background: #e5f9ff;
}

div#navbar {
border: 1px solid #61a5b9;
width: 216px;
color: #1b90b7;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
height: 23px;
background-image: url(images/nav.gif);
}

div#navstrip {
width: 100%;
background-image: url(images/nav.gif);
height: 23px;
border-top: 1px solid #1b90b7;
border-bottom: 1px solid #1b90b7;
}

div#textmargin {
margin-left: 2px;
margin-top: 4px;
}


div#textmargin1 {
margin-left: 2px;
margin-top: 6px;
}

div#tickets {
background: #ffebb3;
width: 602px;
border: 1px solid #e8af3a;
float: right;
}

div#tbar{
width: 598px;
background-image: url(images/t_bar.gif);
height: 23px;
border: 1px solid #e8af3a;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
}

div#tcontain{
width: 599px;
height: 18px;
margin-left: 1px;
margin-right: 1px;
}
div#content {
width: 602px;
color: #8a6600;
float: right;
}

div#memberbar {
color: #1b90b7;
style: bold;
width: 80%;
height: 28px;
background: #e5f9ff;
border: 1px solid #61a5b9;
margin:auto;
}

div#toutline {
border: 1px solid #cde1ed;
}

#copyright {
text-align: center;
height:20px;
position: absolute;
bottom: 0px;
position: bottom;
}

table,
tr,
td {
	background: transparent;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
}

table th {
	background: #fadc89;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	text-align: left;
	padding: 2px;
}

table th a {
	color: #003E67 !important;
	text-decoration: none;
}

Any help is appreciated . I know that this isn't valid xhtml I haven't gone that far in fixing it to make it valid, just trying to fix the obvious problems.

Thanks,
Brian

Hi, I am facing some problem. I am currently doing a html template. But I don't seem to be able to solve the gap problem I am facing (View my snapshot), can anyone help me? Thanks alot!

Snapshot file: http://i49.tinypic.com/3t3eo.jpg

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles.css" rel="stylesheet" type="text/css">
<title>Darren Ng - Future Pilot</title>
</head>

<body>
		<div id="wrapper">
			<div id="header">
				<div id="logo">
					<h1><a href="index.html"><span>Darren's</span> Website</a></h1>
								<table><tr>              	<ul id="menu">
					<li><a class="current" href="#">Home</a></li>
					<li><a href="#">Practice</a></li>
					<li><a href="#">Attorneys</a></li>
					<li><a href="#">Accidents</a></li>
					<li><a href="#">News</a></li>
					<li><a href="#">About Us</a></li>
</tr></table></div>
									
				<div class="clr"></div>
			</div>
			
<table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">
    <td align="center" valign="middle"><table width="1000" height="550"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
            <tr>
        <td width="1000" height="360" align="center"><img src="images/header.gif" width="1000" height="360" hspace="0" vspace="0" border="0" align="top" usemap="#MapMap"></td>
      </tr>

CSS File:
Code:

body {
				font: .74em Tahoma, Verdana, Sans-Serif, Arial;
				color: #7f7f7f;
				background-image: url('images/bodypixel.gif');
				background-repeat: repeat;
}
h1 { font: normal 5em "Trebuchet MS", Helvetica, Arial; }
p { margin: 0 0 15px; line-height: 1.6em; }
a { outline: 0; color: #304D6F; text-decoration: none; }
li { list-style: none; }
li a, img { display: block; }
img { outline: 0; border: 0; }
#wrapper { width: 984px; margin: auto; }
.clr { clear: both; }
#logo { float: left; padding: 30px 15px; }
	#logo h1 a { color: #fff; }
		#logo h1 a span { color: #808080; }
#menu { height: 44px; padding: 5px 0 0 4px; }
	#menu li { float: left; font-size: 1.3em; text-transform: uppercase; }
		#menu li a { color: #888; margin: 0 50px 0 0; }
			#menu li a:hover { color: #fff; }		
			#menu li a.current { color: #fff; }

Hi everyone

I hope some of you pros can help me out here?

When you go to my site www.iMaciForums.com with IE 6 the text is all misaligned, I had the same problem with IE 7 & but I fixed that its just IE6 now.

So could you take a look and let me know whats wrong with it, because it's driving me crazy


Thanks.

I am very new to html editing but trying to work my way around. I have made my website in Dreamweaver and everything looks correct on dreamweaver and on firefox but when opened in IE, everything on my page becomes centered an underlined. The first item on the page is centered and underlined but the coding ends there. Not sure what I did wrong. Thank you in adavance for any help.

Can anyone suggest how i fix the problem i have here with IE?

HTML Code:

<body>

<div id="container">
<div id="header">
	<img src="images/thePlacePromotion.jpg" alt="The Place Promotion Agency for Gloucestershire" width="960" height="80" />
</div>

<div id="middle">
<a href="http://www.glosfirst.co.uk"><img src="images/Middle.jpg" alt="We're building a new website, meanwhile here's a link to the current Gloucestershire First website." width="960" height="578" border="0" /></a>
</div>

<div id="bottom">
<a href="http://www.glosfirst.co.uk"><img src="images/slogan.jpg" alt="We're building a new website, meanwhile here's a link to the current Gloucestershire First website." width="960" height="80" border="0" /></a>
</div>



</div>

</body>

CSS is:

Code:

body {
	background-color: #96be3f;
}


#container {
	width: 970px;
	background-color: #96be3f;
	height:auto;
	margin: auto;
}


#header {
	width: 960px;
	padding: 20px auto;
	margin: auto;
}


#middle {
	width: 960px;
	height: 567px;
	margin: auto;
} 


#bottom {
	width: 960px;
	height: 80px;
	margin: auto;
}

the top header on IE is over to the right! Thanks

Hurley

Hi

The bit of coding below works fine in firefox and ie 5 and older it does not show right in ie 6 and 7

Please can someone tell me how to fix this bug.


<td align="left" valign="top" bgcolor="#E7EEF5"><ul type="square" class="style2">
<li class="style3">Ground Training, starting and schooling young horses</li>
<li class="style3">Re-schooling and corrective training to overcome behavioural and physical problems</li>
<li class="style3">Rehabilitation following injury or illness</li>
<li class="style3">Training for horse and rider at all levels and disciplines</li>
<li class="style3">Re building confidence between horse and rider</li>
<li class="style3">Re-training race horses</li>
</ul>
</td>
<td align="left" valign="top" bgcolor="#E7EEF5"><ul type="square" class="style2">
<li class="style3">Competition preparation</li>
<li class="style3">Advanced Equine Dental Technician</li>
<li class="style3">Tellington Touch (TTeam) Groundwork and bodywork</li>
<li class="style3">McTimoney Manipulation</li>
<li class="style3">Equine Sports Therapy</li>
<li class="style3">Massage, Stretching and Bodywork classes for horse owners</li>
</ul>
</td>