[Honey_Babee]

http://www.vintage-love.org/angel/


do you know if theres a code that will automatically arrange it at the far bottom right that will adjust to each users screen resolution?



im wondering if there is a css code that will let me do this hover effect

so when i hover over the link, the link slowly slide to the left, and a little image appear on the left^^


arg why does thiss happen><

code in css

CODE

a.menu
{
color:#ffffff; text-decoration: none; width: 108px; background-color:000000; padding: 0px 0px 0px 20px;
line-height: 15px; width: 100%;

}

a.menu:hover
{
color:#000000; text-decoration: none; width: 108px; background-color:ffffff; display: block; padding: 0px 0px 0px 20px; border-bottom: 1px solid #000000;  border-right: 1px solid #000000; border-left: 1px solid #000000;
line-height: 15px; width: 100%;
}

code for the page

CODE

        <td>
<table><tr><td>
<a> Credit</a> </td><td>
<a> Past Layout</a> </td><td>
<a> Contact me</a> </td>

</tr></table></td>

i personally dont see anything wron

[angelqian]

it is on the left, but the picture itself is rather large cuz it has a lot of black space on it, edit the picture and kill some of that useless black space.

[NyCb0i]

She doesn't have black space. It's the background color.
The picture to me seems fine.
The source says "right". Changing it to "left" should be fine?
Are you planning to use imageslice and set up a link?

PS: I'm viewing on a 1920 x 1080

[jojoboy4]

Actually, I think there is space on the left side of the picture.. if it were aligned to the left, there will be a gap between the left edge and the text...

http://www.vintage-love.org/angel/images/index.jpg

[Honey_Babee]

actually i meant for it to align to the right.

do you know if theres a code that will automatically arrange it at the far bottom right that will adjust to each users screen resolution?



im wondering if there is a css code that will let me do this hover effect

so when i hover over the link, the link slowly slide to the left, and a little image appear on the left^^


arg why does thiss happen><

code in css

CODE

a.menu
{
color:#ffffff; text-decoration: none; width: 108px; background-color:000000; padding: 0px 0px 0px 20px;
line-height: 15px; width: 100%;

}

a.menu:hover
{
color:#000000; text-decoration: none; width: 108px; background-color:ffffff; display: block; padding: 0px 0px 0px 20px; border-bottom: 1px solid #000000;  border-right: 1px solid #000000; border-left: 1px solid #000000;
line-height: 15px; width: 100%;
}

code for the page

CODE

        <td>
<table><tr><td>
<a> Credit</a> </td><td>
<a> Past Layout</a> </td><td>
<a> Contact me</a> </td>

</tr></table></td>

i personally dont see anything wron