Been fighting with this piece for hours and I can't fix it like I want it to look like.
Essentially I want a space between the adoptables and I can't figure out how to do it. That's pretty much it ^^ Here's the coding I used;
The tweaked part in adopt.php
PHP Code:
if($canadopt == "yes"){
//If we can adopt the adoptable, show the image and adoption link...
$article_content = $article_content."<p><span class='eggs'>
<p><a href='adopt.php?id=".$aid."'><img src='".$eggimage."' border='0'></a></p>";
if($isloggedin == "yes"){
$article_content = $article_content."<p><b><a href='adopt.php?id=".$aid."'>Adopt ".$type."</a></b></p></span></p>";
}
else{
$article_content = $article_content."<p><img src='templates/icons/no.gif' border=0> <b>".$guesterror."</b></p>";
}
}
And the CSS style I came up with;
Code:
.eggs {
float: left;
padding: 10px;
text-decoration: none;
background: #f7f7f2;
border: 1px dotted #000000;
-moz-border-radius: 10px;
border-radius: 10px;
}
Attached is the current site, and basically I'm just looking to have a space in between each pet.
Would (again!) love to have some help for this :)