HTML - Image Links In Safari- Problems?

I've been doing some html newsletters for a company for a while. I use simple html with tables and this template that the other graphic designer put together. The focus of teh email is made up of spliced images, assembled in a table and then each image is linked to the appropriate website location.

The problem I have, is in mozilla and in safari (two of the three browsers I test on) make the <tr> part of the table split? It separates the <tr> cells and causes white lines between the images. This only happens after the email has been sent out, not when I test it in a browser before submitting it to the email newsletter server.

I'm trying to figure out ways around it or to fix up the html. Anyone who is willing to help me, I will send you the newsletter so you can see what I am talking about as well as post the code up in this thread.

Thank you,
-Allie

I have two similar links into my site that act very differently. One is mydomain.com/link1 and the other is mydomain.com/link2. There is a link1.htm file in my root and a link2.htm file in my root. When I enter "mydomain.com/link1" in my browser, I see the page. When I enter "mydomain.com/link2" in my browser, I get a 404. I do see link2 if I enter "mydomain.com/link2.htm" Is there a secret to making this type of link work? I don't remember doing anything special for link1. Maybe b/c it's Friday I can't get my brain around this one. Any help would be greatly appreciated.

Hey guys, I have 2 separate problems, I'll be dealing with both in this thread. If possible, please answer asap, since I'm doing a website for my aunt's company, and I'm sort of running on a deadline. Any answers for either of the questions are welcome

1) Links - CSS
Basically my stylesheet is supposed to set all my links to a black colour, even if visited, hovered over, etc, etc. The only problem is, the unvisited links are showing up in that awful default blue colour (I'm sure you all know what I mean). This is what my CSS looks like:

A:link
{ text-decoration: underline; color:#000000; font-weight: bold; }
A:visited
{ text-decoration: underline; color:#000000; font-weight: bold; }
A:active
{ text-decoration: underline; color:#000000; font-weight: bold; }
A:hover
{ text-decoration: underline; color:#000000; font-weight: bold; }

Can anyone help me with this?

2) HTML/php contact form
So I have a contact form on my website, and it seems to work fine. The only problem is that when my e-mail receives it, only the LAST field shows up (in this example, the 'message' field). The others just don't appear - it's as if the form only has that one field. I have two sets of code for my contact form - this is the one on the contact page:

<form action="/contactform.php" method="post">

<b>Name:</b>
<input type="text" name="cf_name"><br>
<b>E-mail:</b> <input type="text" name="cf_email"><br>
<b>Message:</b><br> <TEXTAREA NAME="cf_message" ROWS=4 COLS=30>
</TEXTAREA><br><br>

<center><input height="4px" type="submit" value="SEND">

<input type="reset" value="CLEAR"></center>
</form>

And this is the contactform.php file:

<?php
$field_name = $_POST['cf_name'];
$field_email = $_POST['cf_email'];
$field_message = $_POST['cf_message'];


$mail_to = 'ggmdolly@gmail.com';
$subject = 'Message from a site visitor - '.$field_name;

$body_message = 'Name: '.$field_name."\n";
$body_message = 'E-mail: '.$field_email."\n";
$body_message = 'Message: '.$field_message."\n";

$headers = 'From: '.$cf_email."\r\n";
$headers .= 'Reply-To: '.$cf_email."\r\n";

$mail_status = mail($mail_to, $subject, $body_message, $headers);

if ($mail_status) { ?>
<script language="javascript" type="text/javascript">
alert('Thank you for your message. We will get back to you shortly.');
window.location = 'contact.php';
</script>
<?php
}
else { ?>
<script language="javascript" type="text/javascript">
alert('Message failed. Please retry or send us an email directly.');
window.location = 'contact.php';
</script>
<?php
}
?>


Thanks to anyone who can help!

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'm new to the forums =) I'm currently having a problem with my navigation which involves images. Initally I used the traditional image map method using area maps and the usemap function but it only worked in the webpage itself, and when the webpage shows in an iframe the links are nonexistent.

So I sliced my navigation to give the sliced images the url link instead. As usual, they work on their own but when the page is shown in an iframe, some of the links disappear (you can't even hover on them) only in Firefox, Chrome and Safari. But some of the links are also still intact. In IE and Opera they work perfectly fine.

Below is the code for the page which contains the navigation and links aforementioned, which will be displayed in an iframe of another page:

Code:

<!-- ImageReady Slices (mainframe.jpg) -->
<table id="Table_01" width="971" height="565" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="4">
			<img src="images/mainframe_01.gif" width="200" height="531" alt="""  style="z-index:-3;"></td>
		<td>
			<a href="defence.html" target="_parent"
				onmouseover="window.status='STET Defence';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_02.gif" width="332" height="163" border="0" alt="" style="z-index:1;"></a></td>
		<td rowspan="4">
			<img src="images/mainframe_03.gif" width="438" height="531" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="163" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="maritime.html" target="_parent"
				onmouseover="window.status='STET Maritime';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_04.gif" width="332" height="134" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="134" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="homelandsec.html" target="_parent"
				onmouseover="window.status='STET Homeland Security';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_05.gif" width="332" height="138" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="138" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<a href="centre.html" target="_parent"
				onmouseover="window.status='STET Centre';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_06.gif" width="332" height="130" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="96" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="https://mail.stet.com.sg/owa/auth/logon.aspx?url=https://mail.stet.com.sg/owa&reason=0" target="_parent"
				onmouseover="window.status='Login to Intranet';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_07.gif" width="200" height="34" border="0" alt="" style="z-index:1;"></a></td>
		<td>
			<a href="sitemap.php" target="mainframe"
				onmouseover="window.status='Lost?';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="images/mainframe_08.gif" width="438" height="34" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="34" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->

<div id="pict" style="position:absolute;top:200px;left:10px;z-index:0;">
<iframe name="news" src="news.php" FRAMEBORDER=no name="frame" allowTransparency scrolling=auto style="filter:chroma
(color=#FFFFFF)"  width="185" height="90"></iframe>
</div>

There is another iframe in this page which I wonder might be causing the problem. However even when I removed it the problem remains.

Any ideas how to fix it?

Would really appreciate the help, thanks!

my problem is ie and its padding, ie has add a 4px padding at the bottom of the of the image but in safari and firefox there is no padding.

here is the url so u understand what i mean

http://nathanoconnor.co.uk/gilbertelectrical/site/

Hello, im new to html. I am making a basic website and have used some images to link to my other pages. However the links do work but everytime i use them the new page opens in a new window. I have clicked the normal non-image links and they open in the same window. I would link the image links to open in the same window but i am unsure how i would do this. The code which i have used for my images is the following:

<a href="http://E:\Website\ContactUs.html" target="_blank">
<img src="E:\Website\Contactusbutton.PNG"height="66" border="2"/></a>

Hope someone can help, Thanks.

So I made an images and I want to be able to link the image to a target


Is there a way we can link the images to different targets without cutting the picture u?

heres an example

I have an large image with 10 different girls.. Is it possible to click each individual with a different target?

Matt

I have this image of 5 boxes that all should lead to a differnt link.



How to I put in five different links in the specific spots?

Hello, I'm just starting out with html and I am taking a course.

I got this assignement to create a website that will include 9 questions, for each right answer one part of a picture(that I have sliced into 9 parts already)will appear.

I was thinking something like this, it's a bit rough but you get the idea:


If you get the first answer right, the first part of the 9 parts should appear, if wrong nothing would happen. The true or false text should be some kind of hyperlink.

I'm really clueless of how to solve this task and I would appreciate some help, I am working in Dreamweaver CS5 for the record.

Thanks.

Hi there,

I am not able to figure out why there are blue lines around my images on this page
http://www.surveys.hottestdeals.info.
If i want to get rid of them, where should i make the changes in CSS sheets?

Thanks for any help.
Kris

http://www.grannysoycandles.com

The menu links on the left side are working in IE but not in FF. Its only when they are in the "buttons" div. I put one in the "body" div and it worked fine. Any ideas why?

Internet Explorer works fine

Firefox does not

weird...usually its the other way around...

Quote:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Granny Soy Candles</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

<style type="text/css">
:active, :focus{
outline:none;
}
</style>

</head>

<body bgcolor=#E0E0E0>

<div id="div1">
<div id="banner">
<img src="http://www.grannysoycandles.com/images/banner.jpg">
</div>
</div>

<div id="div2">
<div id="body">
<center><b><h3>Welcome To Granny Soy Candles</h3></b></center>
Welcome to the new home of Granny Soy Candles. Please be patient while the site is updated and created.
We will be up and running within the next few weeks. Very soon we will be providing you with quality soy
candles that are better for your home and your family. Please come back and visit us soon!
<br>
</div>
<div id="buttons">
<a href="http://www.grannysoycandles.com/"><img src="http://www.grannysoycandles.com/images/home1.jpg" border="0"></a>
<br>
<a href="http://www.grannysoycandles.com/candles.html"><img src="http://www.grannysoycandles.com/images/candles0.jpg" border="0"></a>
<br>
<img src="http://www.grannysoycandles.com/images/button0.jpg" border="0">
<br>
<img src="http://www.grannysoycandles.com/images/button0.jpg" border="0">
<br>
<img src="http://www.grannysoycandles.com/images/button0.jpg" border="0">
<br>
</div>

<div id="div3">&nbsp</div>

</body>
</html>
Quote:
#div1 {
background: url(images/bgheader.jpg) repeat-x;
float: left;
width: 915px;
height: 165px;
}

#div2 {
background: url(images/bgmiddle.jpg);
background-repeat: repeat;
float: left;
width: 915px;
}

#div3 {
background: url(images/bgfooter.jpg) repeat-x;
float: left;
width: 915px;
height: 51px;
}

#banner {
padding-top: 30px;
padding-left: 1px;
}

#buttons {
padding-top: 30px;
}

#body {
position: absolute;
width: 675px;
padding-left: 220px;
padding-top: 15px;
}

Hi, I have very little coding experience, but am trying to set up a page for a friend.
I'm having a bit of trouble with some of my text (some links in particular)
hiding behind an image. It displays perfectly in Firefox, but is messed up in IE7.
Was wondering if someone could take a look at my code and see if they can see what the problem is?

http://vitalia.100webspace.net/

The only coding I've ever done was html don't know any css haven't ever used ftp or anything like that.
I've just learned a bit here and there on the net while building a couple of personal pages.

I tried putting in some td and tr tags but that makes my entire table disappear.
*sigh*

Sorry may sound like a noobish question but this is the first time I have made a site,
but i have added images to my site as links but they move when the browser window is adjusted, so just wanted to know how to keep them fixed in one position.

this is my site: www.d1ndesigns.com

thanks

Well title says it all, when I try to do an image and have it linked some where a blue box will appear around it only on firefox and IE, not on Opera. How do I get rid of it??? I am using Dreamweaver

Help PLEASE!