Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Div be a link 1
- Thread starter zbphill
- Start date
ChrisHirst
IS-IT--Management
not quite;
You have to make the anchor display as a block element to fill the div
Chris.
Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems
So long, and thanks for all the fish.
Code:
<div style="yourstyle"><a [red][b]style="display:block" [/b][/red] href="URL"><img src="Img" /></a></div>Chris.
Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems
So long, and thanks for all the fish.
- Thread starter
- #5
Here is what I was thinking, Is with the div had a picture for a background, with type over it. and div is the link.
<html xmlns="
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
#box{ width: 100px; height: 100px; background-image: url(MyImage.jpg); border: 1px solid black;}
.type {color: #5b5b5b; font-size: 11px; font-family: verdana; display: block;}
</style>
</head>
<body>
<div id="box"><a href="#" class="type">Click Here</a></div>
</body>
</html>
<html xmlns="
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
#box{ width: 100px; height: 100px; background-image: url(MyImage.jpg); border: 1px solid black;}
.type {color: #5b5b5b; font-size: 11px; font-family: verdana; display: block;}
</style>
</head>
<body>
<div id="box"><a href="#" class="type">Click Here</a></div>
</body>
</html>
ChrisHirst
IS-IT--Management
you don't need the .type class
#box a {color: #5b5b5b; font-size: 11px; font-family: verdana; display: block;}
Chris.
Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems
So long, and thanks for all the fish.
#box a {color: #5b5b5b; font-size: 11px; font-family: verdana; display: block;}
Chris.
Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems
So long, and thanks for all the fish.
-
1
- #7
Actually, you don't even need the div.
Code:
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
#box{ width: 100px; height: 100px; background-image: url(MyImage.jpg); border: 1px solid black; color: #5b5b5b; font-size: 11px; font-family: verdana; display: block;}
</style>
</head>
<body>
<a href="#" id="box">Click Here</a>
</body>
</html>- Thread starter
- #8
- Status
Similar threads
- Question
- Locked
- Question
- Locked
- Question