HTML - Blue Box Appears Around Image Links

Hi There Guys,
I have a problem! Ive added a background to my site that I want to appear like so
fixed center no-repeat. You can see the code below. But for some reason it doesnt line up with the top of my site. It is being pushed down a whole 108px??? You can see from the site how this looks... www.hogansfarm.ie/index.php.
To be honest its my first time using fixed center no-repeat so im hoping someone else might have hand this issue and may know whats wrong.

You can see the the image there should be no gap
http://www.hogansfarm.ie/images/stripe_wide.jpg

Thanks for your help! Kat

body
{
background: #1f1e1e url(http://www.hogansfarm.ie/images/stripe_wide.jpg) fixed center no-repeat;
color: #000000;
font-family: arial, helvetica, sans-serif;
font-size: 100.1%;
padding: 0px;
text-align: center;
margin: 0px;
padding: 0px;
}

i recently put all this work into making all these pages for a website using blue voda but then right after i try to save it and upload to a site then i found out that i could be published only through blue voda hosting service ....i heard there were ways to get around that and not use their hosting service can anyone help me....thanks in advanced

I was adding links to my website, and when i finished, it had this annoying blue box around the pictures that are linked to another page, anyone got any ideas?

how do I make it so that a regular html image link (<a href="bla.html"><img src="bla.png"></a>) does have the blue frame around when it hasn't been clicked and the purple when it has? Thanks

Is there a way to prevent text (like a link) from being selected? I use +/- headers that expand or contract a paragraph, but when clicked rapidly the text is selected.

The same thing for images?

Robert

I figured i would post all of my questions in one post so here i go.

1: What is a blue box, where can i find it, and how do i use it?
2: How can i make a background image so that it fits perfectly into the background and everything else just goes over it.
3:Could someone give me a list of colors that look very good together, and some cool color schemes.
4:how do i use divs?
5:Is there a way that i can make a solid color bar and put text over it? and how can i put text over images?

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.

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.

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?

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

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;
}

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

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*

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

Hello,

I have an image that I want to cut into about 10 separate links. Is this hard? How do I do this?

Thanks,