Link to line up under the h2
hi, image screenshot of box doing head in. unfortunately site not live, know makes harder me. endeavour succinct.
the box div ..
#box1 {
background-color:yellow;
height:200px;
padding:0 1em 0 0;}
the h2 tag has following class assigned ..
.floatrighth2{
float:right;
width:240px;
margin:0;
padding:0;}
i trying link underneath (red) sit underneath h2 tag.
#linkscontent #box1 p a{
float:right;
margin:0;
padding:0;
color:red;}
i have tried clears every way wont budge. html ..
<div id="box1">
<a href="http://aicwa.squarespace.com"><img src="images/links/aust-inst-of-conveyancing.jpg" width="144" height="134" alt="australian institute of conveyancing" /></a>
<h2 class="floatrighth2">australian institute of conveyancers wa division</h2>
<p><a href="http://aicwa.squarespace.com/">http://aicwa.squarespace.com/</a> </p>
</div><!--end of box 1-->
really appreciate time, thanks!
try below code:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>untitled document</title>
<style>
#box1 {
background-color:yellow;
height:200px;
padding:0 1em 0 0;}
#box1 img {
float: left;
}
.floatrighth2{
float:right;
width:240px;
margin:0;
padding:0;}
#box1 p {
width: 240px;
float: right;
margin:0;
padding:0;
clear: right;
}
#box1 {
color: red;
}
</style>
</head>
<body>
<div id="box1">
<a href="http://aicwa.squarespace.com"><img src="images/links/aust-inst-of-conveyancing.jpg" width="144" height="134" alt="australian institute of conveyancing" /></a>
<h2 class="floatrighth2">australian institute of conveyancers wa division</h2>
<p><a href="http://aicwa.squarespace.com/">http://aicwa.squarespace.com/</a> </p>
</div><!--end of box 1-->
</body>
</html>
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment