Mysidia Adoptables Support Forum

Mysidia Adoptables Support Forum (http://www.mysidiaadoptables.com/forum/index.php)
-   Questions and Supports (http://www.mysidiaadoptables.com/forum/forumdisplay.php?f=18)
-   -   Trying to fix up adopting layout (http://www.mysidiaadoptables.com/forum/showthread.php?t=1844)

Kyris 01-28-2011 12:18 AM

Trying to fix up adopting layout
 
1 Attachment(s)
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 :)

fadillzzz 01-28-2011 02:12 AM

Just add a margin property to that css and set it to something like 5 px

Kyris 01-28-2011 03:04 AM

It works beautifully! Fadillzzz, I could honestly KISS you right now :wiii:

Hall of Famer 01-28-2011 08:35 AM

You actually designed a pretty nice page, just play around with css and you will get even better. ^^

Kaeliah 01-28-2011 10:23 AM

Solved = Locked :smile:


All times are GMT -5. The time now is 02:01 PM.

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2024, vBulletin Solutions Inc.