HTML - Need Help With Broken Link's,

Hello,

This would be my first post here, but I require some assistance. I'm sure it's a very basic problem, and I'm sure I'm just not looking at it hard enough (I'm also aware the coding is sloppy), but can anyone possibly explain why the images are appearing as broken? It seems to me that they aren't broken...but it's stumping me.

Code:

<center>
<table width="549" border="1" bordercolor="#ffffff" cellpadding="0" cellspacing="0">
<tr bgcolor="#ffffff">
<td width="549" class="style2"><center><font color="#000000"><font color="#000000"><font face="Verdana" size="1">

<table align = center>
<tr>
<td width = 150> <b> <center> <font color="#000000"> '66 Astros
<td width = 150> <i> <b> <center> <font color="#000000"> <font size = 2> First Round
<td width = 150> <b> <center> <font color="#000000"> '92 Blue Jays
<tr>
<td width = 150 height = 100>
<center>
<img src="http://img247.imageshack.us/my.php?image=9yawe88ejagf9jthh3h3lf1.gif">
<td width = 150> <center> <font size = 3> <b><font color="#000000"> @
<td width= 150 height = 100>
<center>
<img src="http://img247.imageshack.us/my.php?image=1415so1.gif">
<tr>
<td width = 150> <b> <center> <font color="#000000"> <font size = 4> 2
<td width = 150> <center> <font color="#000000"> <font size = 2> <b> <i> Skydome<br> Toronto, ON
<td width = 150> <b> <center> <font color="#000000"> <font size = 4> 6 </table>
</table>

This is the webpage I'm updating for someone:
http://savannahrhythms.ca/events.html

In Firefox it looks perfect but in IE, two random images on the left side cannot show and the big poster on the right isn't flush with the top...
WHAT DO I DO TO FIX THIS PLEASE??

Help. I made this page for a client but he tells me it is misaligned when he browses the page on his mac(both firefox and safari)

http://www.freewebs.com/fernandosdesign/detox.html

It looks perfectly fine on a pc (firefox and ie) any idea whats happening and how I can correct this issue?

Thanks guys

http://www.freewebs.com/fernandosdesign/detox.html

Hi Im new on here but am posting because my webmaster bailed on me and Im trying to fix a problem on my website. . .

On my homepage I have a footer that is not appearing in the bottom of the page, it's in the middle and is very annoying because my HOME page looks unprofessional. . . Can anyone help me on how to fix this. My home page is www.rentxotic.com when you go there you will see what I mean. . . Thanks for any help.

I finished building my roll-out menus for firefox, but they're not working in IE. Moreover they get stacked on top of eachother instead of next to eachother.

http://www.problem-solving.be/dir0

Can anyone help me how to solve it? Here's the related CSS:

Code:

/* Drop-down menu */
.nav2 {}
.nav2 ul {
	list-style-type:none;
}
.nav2 ul li {
	float:left;
	position:relative; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/;
 	background: #C7D0D7; /*url(images/css/css_cat_light.jpg) repeat-x;*/
	left:-20;
}
.nav2 ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/; 
	display:block; 
	height:28px; 
	width:90px;
	line-height:28px; 
	padding:0 20px 0 20px;
	text-decoration:none; 
	font-weight:bold; 
	color: #006699;
}
.nav2 ul li ul {
	display:none; 
	border:none;
}

/* Non-IE6 hovering */
.nav2 ul li:hover a {
	text-decoration: none;
}
.nav2 ul li:hover ul {
	display:block; 
	position:absolute; 
	z-index:999; 
	top:3.0em-6; 
	left:-20;
}
.nav2 ul li:hover ul li a {
	display:block; 
	width:88px; 
	height:auto; 
	line-height:1em; 
	/*margin-left:50px;*/ 
	padding:2px 20px 2px 20px; 
	border-left:solid 1px rgb(175,175,175); 
	border-right:solid 1px rgb(175,175,175); 
	border-bottom: solid 1px rgb(175,175,175);
	background-color:#EFEFEF; 
	font-weight:normal; 
	color:rgb(50,50,50);
}
.nav2 ul li:hover ul li a:hover {
	background-color:#FFFFFF;
}
.nav2 ul li a:hover {
	/*background: #DFDFEF;*/ /*#006699;*/ /*url(images/css/css_cat.jpg) repeat-x; */
	/*color:#DEEEF3;*/
}

.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover ul {display:block; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

Thanks!

Hello webMasters!! I had a problem with my website the other day and someone helped me fix it almost immediately! THANK YOU! I came across another problem, this one is particularly tricky because I cannot find where the code is broken. . . under my website on this link. .. http://www.rentxotic.com/?page=exotic-car-fleet you will see some pictures of cars. Originally if you were to mouse over the cars, some specs would pop up. Now for some reason I do not know why the specs dont pop up when you mouse over. I saw all the code, I am a novice but nothing pops out at me that looks wrong. Would appreciate any help!!!!

- Ryan

On our website, when it switches to HTTPS, some images are broken... but it is at random. The next page load, the broken images are just fine... but others that were fine are now broken.

Any idea how this happens?

Everything works fine on FireFox, this is only on IE. I am using IE6.0 on WinXP. Perhaps it is just my browser settings causing this issue?

To see it, you can access our website:

www.frpgames.com

add any product to your shopping cart, click on the checkout cart, then click the checkout button, then click "Checkout without account". That should be the first secure page.

Any help would be great! This issue is driving me crazy.

Hello everyone, I've been racing to learn html/css in the past couple weeks to throw up a website, and so far so good.
But: I've searched the internet and I cannot find an answer to my questions.

The page in question is:
http://www.andrew.cmu.edu/user/jonmille/projects.html
style sheet (relevant section is in the "Programming: List Settings" section)
http://www.andrew.cmu.edu/user/jonmille/style.css

You can see that the gray borders under the text/images have a small break in them. I assume it has something to do with the fact that I'm using two columns. How do I fix this and make a solid border (in a non hackish way)?
Note: if you say "use css/divs," I wrestled with those for about two hours before I gave up and made a table.

Secondly, in IE7, all the images/text are completely flushed left, ignoring the table padding. How can I fix this?
Note, I've never checked this site in IE6 or below, and never will, so if it looks wrong in IE6, then the user doesn't deserve to see my site anyway.

Thanks for your time!
Jon

Hello there,

My index page validates completely since I tidied it up using html tidy, but when i run it through browsershots it is still completely broken in firefox, opera, etc. basically anything other than MSIE it displays incorrectly.

If anyone could shed any potential light on the situation it would be greatly appreciated. As you can no doubt tell, I'm no expert on creating web pages using html and css and if a page validates but still doesn't work I can't even begin to try and work out what is going on

I did run my css through a validator and it came up with 30 or so instances of the same error, I hadn't ended a dimension value with px, i had just left the number, could this be the culprit? I have since corrected my style sheet so that it validates completely but I cannot upload from my FTP on the PC i'm currently using to see if it affects the browsershots results.

I just wanted to put it out there and see what the ideas were of people who know a lot more about website building than I do.

Bottom line: if i have an html page and a css page that validate 100% using the w3c standard is it guaranteed to work in all browsers, or are there quirky little things I need to be aware of when wanting my site to display correctly in less popular browsers such as safari etc.?

Any feedback is greatly appreciated. :-)

Sincere thanks in advance,



Alex


Browser screenshots - http://browsershots.org/http://www.alexhaines.co.uk/

HTML Validity results - http://validator.w3.org/check?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Findex.html&charset=%28detect+automatically%29&doctype= Inline&group=0

CSS Validity results - http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Fstyle.css&profile=css21&usermedium=all&warning=1&l ang=en

My site - http://www.alexhaines.co.uk

I have several links on my site, all in the form of <a href="http://www.mywebsite.com">mywebsite</a>

How do I need to change it such that a new instance of the browser is used in which the linked site is displayed.

Can someone please tell me why only the /features.html page of my site in IE shows up broken like the picture I have provided below along with the source code? All the other pages in IE show up fine. And ALL the pages show up fine in Chrome and Fox. Again all the pages show fine in IE except http://www.richandbalanced.com/features.html
I checked the html and the layout is the same for everypage I think? Please help, and thanks.




Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


<html>

<head><title>Rich and Balanced&trade;</title>

<meta name="description" content="Start Creating the Life of Your Dreams Today!" >
<meta name="keywords" content="Rich, Balanced, Life, Money, Health" >
<meta name="author" content="Samuel Sweis" >

</head>

<link rel="shortcut icon" href="image-files/"> 

<link rel="stylesheet" type="text/css" href="support-files/style.css"> 
 
<body> 

<a href="http://www.richandbalanced.com"><img class="displayed" src="image-files/richandbalanced.jpg" width="498" height="108" alt="Rich and Balanced logo" border="0"><a/>
 <div class="reight">


<div id="rbleft_sidebar">
<br /><br /><br />
<p class="welcometab"><a class="lb" href="index.html">Welcome</a> &nbsp &nbsp</p>
<p class="exploretab"><a class="lb" href="rich.html">Overview</a> &nbsp &nbsp</p>
<p class="estore"><a class="lb" href="rich.html">eStore</a> &nbsp &nbsp</p>
</div> 


<div id="rbcontent"> 
<h1>Rich and Balanced</h1>
<p>
Have you ever asked yourself:  Am I eating healthy?  Am I in shape?  Am I making enough money?  Am I getting what I'm worth?  Am I amongst loving family and friends?  Am I doing a good job as a parent?  Am I surrounding myself with positive music?  Am I reading enough?  Am I reading the right types of books?  Am I taking care of myself?  Am I worried about what others think?  Am I seeing the big picture?
</p>

<p>
The features available to you through Rich and Balanced&trade; answer them all.  Click on any of the exclusive and custom content links listed below to experience a preview:
</p>

<h1>Exclusive & Custom</h1>
<p>
&middot; <a href="nutrition.html">Healthy Premium Recipes for your Nutrtion</a> [Updated Monthly]<br />
&middot; <a href="features.html">Workouts for your Fitness</a> [Updated Monthly] <br />
&middot; <a href="features.html">Money plans for your Financial Growth</a> [Updated Monthly] <br />
&middot; <a href="features.html">Growing Love Filled Relationships</a> [Updated Monthly] <br />
&middot; <a href="features.html">Inspiring with Parenting</a> [Updated Monthly] <br />
&middot; <a href="features.html">Audio for your Listening</a> [Updated Monthly] <br />
&middot; <a href="features.html">Music for your Enjoyment</a> [Updated Monthly] <br />
&middot; <a href="features.html">Literature for your Reading</a> [Updated Monthly] <br />
&middot; <a href="features.html">Message Board Forums for your Interaction</a> [Updated Monthly] <br />
&middot; <a href="features.html">Questions Archived with Answers</a> [Updated Monthly] <br />
&middot; <a href="features.html">How to Guides covering The Rich and Balanced Areas&trade;</a> [Updated Monthly] <br />
</p>

<p>
Have any questions?  Comments?  Suggestions?  Feel free to use the "Send Me A Message" tab located in the upper right hand side of this page.  For information on obtaining full access to Rich and Balanced&trade; <a href="fullaccess.html">click here</a>.
</p>

</div>
 
<div id="rbright_sidebar">
<br /><br /><br />
<p class="messageme"><a class="lb" href="message.html">&nbsp &nbsp Send Me A Message</a></p>
<p class="features"><a class="lb" href="features.html">&nbsp &nbsp Features</a></p>


</div> 

<div id="rbfooter">

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=205838536125629&amp;xfbml=1"></script><fb:like href="facebook.com/richandbalanced" send="true" layout="button_count" width="15" show_faces="true" font=""></fb:like></div>
</div> 

</div>

<iframe src="balanced.html" width="100%" height="100" frameborder="0"></iframe>

</body>
</html>

Ive been working on a website in my free time, and I have been wondering if it's possible to hover over a link, and change the text color of another link. A picture of one of my web pages is shown in the link below.
http://i223.photobucket.com/albums/d...screenshot.jpg
I want to be able to hover over something from the side navigation bars and have various links in the bottom naviational bar change color. So like hovering over Blood Elf, would make Death Knight, Mage, Paladin, Warlock, Priest, Rogue, Hunter turn red


Does anyone know how to do this? or even know if it is possible?

Hi, I'm newly registered and seeking some assistance. I'm working on a website for a client and come across an issue.

The following is my iFrame code:

Code:

<div id="iframez">
	<iframe src="main.html" width="100%" height="400px" name="framez"></iframe>
</div>

I have a link that is at the bottom of the page that is supposed to load in the iFrame when clicked upon. The code is as follows:

Code:

 <a href="somelink.html" target="framez">some link</a>

What I want is when the link is clicked that it loads in the iframe (this works as intended) AND I want the page to scroll up to the iframe. I tried doing this without success:

Code:

 <a href="somelink.html#iframez" target="framez">some link</a>

This is interpreted as #iframez in somelink.html, and not the page its on. Is there any way around this?

Thanks for your patience.

I'm not sure if this is an IE issue, css, html... I have all icons and images showing a broken image" red X OVER the actual image? I've never seen this on any other sites or even on any other sites i've done. They are all .png images but I use .png files successfully all the time? Anyone encounter this?

Here's the HTML surrounding the image file:
HTML Code:

		<div class="header logo2"> <!-- Logo begins here -->
		<a href="index.php" title=""><img src="images/logo.png" alt="" /></a>
		</div> <!-- END Logo -->

Here's the CSS surrounding the image with no other images or backgrounds being called???
HTML Code:

.header {
	height: 41px;
}
.logo2 { text-align: right; }

See Image Attached...

Hi

im not sure if this can be done

i have created some buttons to use as links and once i put the a href code in a box appears around the button can i remove this and how plz

you can see example of what i mean on my website i have made Home and Contact clickable but i want to remove the box thats around the button if possible

http://dreamteam0708.co.uk/

for info: im coding my own html in notepad, not using any programs or anything and my hosting doesnt support php etc