adding href link to image and text

[rrmcguire]

on my site at

http://www.meadowlarkco.com/indexnewsite_test3.html

Where I have the images labeled control and capacity how to add an href link to both the text and image and make it so that there is nothing underlined for the link and it doesn't show the link was visited...


<divclass="borderimage1"><FONTcolor="#FFFF80">CONTROL</FONT></div><divclass="borderimage2"><FONTcolor="#FFFF80">CAPACITY</FONT></div>

 

[audiopro]

Not sure what that code is you are trying there

HTML .........
<div class='item'>
<a href='link'>

... text here ...

</a>
</div>

Style ........
.item{
}

.item a{
	color:#000;
	font-size:16px;
	line-height:20px;
	font-family: Verdana, sans-serif;
	text-decoration: none;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	display:block;
}

.item a:hover{
	color:#000000;
	background-image: url("backgroundImage");
}

Keith

http://www.studiosoft.co.uk

 

[rrmcguire]

I don't see what you're saying? Im just trying to add a link to both the image and the text which says Control, so that when I click on either it goes to the same place

thanks

 

[audiopro]

Example here

http://www.studiosoft.co.uk/test/test6.htm

Keith

http://www.studiosoft.co.uk

 

[vacunita]

Your image is a background, so basically it all comes down to the link.

Place a link inside your div, and just make it fill the entire width and height of the div. then add a css rule to remove the underline.

  <div class="borderimage1" ><a href="[URL unfurl="true"]http://link.com/to/page">CONTROL</a></div>[/URL]

then in your css:

.borderimage1 a:link{
display:block;
height:100%;
text-decoration:none;
color:#FFFF80;
size:23px;
}

.borderimage1 a:visited{
color:#FFFF80;
}

.borderimage1 a:active{
color:#FFFF80
}

.borderimage1 a:hover{
color:#FFFF80;
}

text-decoration controls the underline, or strike-through etc.. of the link text. set it to none, and there's no underline.

http://www.w3schools.com/cssref/pr_text_text-decoration.asp

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.

http://behindtheweb.blogspot.com/

 

[rrmcguire]

Vacunita,

I added what you suggested to my HTML, but as soon as I did all my images disappeared? Im assuming I have a missing tag somewhere?

Could you check out my page as I cannot seem to find where it is?

http://www.meadowlarkco.com/indexnewsite_test3.html

 

[rrmcguire]

nevermind on that I found it.

 

[rrmcguire]

ok with the text-decoration set to none my link under CONTROL is still underlined along with adding it to the .meadowtransport CSS so that "Visit Meadow Lark Transport to lease on Equipment" is underlined as still underlined as well.

 

[audiopro]

borderimage1.visited is now active so needs to have it's text-decoration set.

meadowtransport class has only got the colour set to #00f and nothing else.

It is far easier maintaining style in a stylesheet rather than scattering it around pages.

Keith

http://www.studiosoft.co.uk

 

[vacunita]

Set the text-decoration to none for the visited state as well.

Also as audiopro mentions don't put CSS all over the place keep it consistent and in blocks. There's no reason to have text-decoration anywhere else but on actual link CSS as no other text has text-decoration. If you need to remove it from links do it so in the links css.

Only if you need to add some type of decoration to some text would you need to place it anywhere else.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.

http://behindtheweb.blogspot.com/

 

[rrmcguire]

ok so my image with control over it still doesn't link correctly isn't this right?

<div class="borderimage1" ><a href="

http://www.meadowlarkco.com/customersnew.php">CONTROL</a></div>

 

[vacunita]

Yes, that's fine. How is it not working?

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Behind the Web, Tips and Tricks for Web Development.

http://behindtheweb.blogspot.com/