/    Sign up×
Community /Pin to ProfileBookmark

a tags inside of class inside of div

I’ve tried every senario to link a simple class from within another class within a div if that makes sense. The only browser it works in is Internet Explorer. The address is [url]http://www.earthspiritpublishing.com/index.php[/url]

[code=html]<div id=”boxes”>
<div class=”box_1″>
<h3><a href=”http://www.councilofanimals.com/” target=”_blank”>Council Of Animals</a></h3>

<center><a href=”http://www.councilofanimals.com/” target=”_blank”><img src=”images/COA_th.jpg” width=”248″ height=”174″ alt=””></a>
</center>
<p>&nbsp;</p>
<div class=”more”> <a href=”http://www.councilofanimals.com/” target=”_blank”>read more</a></div>
<div class=”buy”><a href=”buy.php” class=”buy”>Buy</a></div>
</div>
<div class=”box_2_3″>
<h3><a href=”http://www.joeslam.com/” target=”_blank”>Joe Slam</a> </h3>

<div align=”center”><a href=”http://www.joeslam.com/” target=”_blank”><img src=”/” width=”248″ height=”174″ alt=””></a>
</div>
<p>&nbsp;</p>
<div class=”more”><a href=”/” target=”_blank”>read more</a></div>
<div class=”buy”><a href=”buy.php” class=”buy”>Buy</a></div>
</div>
<div class=”box_2_3″>
<h3><a href=”#nogo”>Caption</a> </h3>

<div align=”center”><a href=”/” target=”_blank”><img src=”/” width=”248″ height=”174″ alt=””></a>
</div>
<p>&nbsp;</p>
<div class=”more”><a href=”/” target=”_blank”>read more</a></div>
<div class=”buy”><a href=”buy.php” class=”buy”>Buy</a></div>
</div>
</div>[/code]

[CODE]#boxes {
margin:20px 0 20px 0;
padding-bottom:30px;
clear:both;
width: auto;
}

#boxes .box_1 {
margin-left:0px;
border: 2px solid #fff;
background-color: #eeedeb;
background-image: none;
background-repeat:repeat;
float: left;
width: 266px;
height:350px;
color: #000;
margin-bottom:30px;
padding:0 8px 10px 8px;
}

#boxes .box_1 p{
padding:6px;
}

#boxes .box_2_3 {
float: left;
width: 266px;
height:350px;
background-color:#eeedeb;
background-image: none;
background-repeat:repeat;
margin-left: 20px;
border: 2px solid #fff;
color: #000;
margin-bottom:30px;
padding:0 8px 10px 8px;
}

#boxes .box_2_3 p{
padding:6px;
}

.more a{
font-family: “Times New Roman”, Times, serif;
font-style:italic;
color: #fff;
padding:5px;
text-align:right;
font-size:16px;
background-color: #0f7ed0;
float:right;
margin-right:9px;
margin-bottom:9px;
}

.buy a{
font-family: “Times New Roman”, Times, serif;
font-style:italic;
color: #fff;
padding:5px 10px;
text-align: left;
font-size:16px;
background-color: #002f8c;
float:right;
margin-right:9px;
margin-bottom:9px;
}
[/CODE]

to post a comment
CSS

0Be the first to comment 😎

×

Success!

Help @catfish spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...