Help - Search - Members - Calendar
Full Version: Image Wont Move?
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
rei2rei
Mar 9 2007, 08:21 PM
Hi,

I'm new to making layouts..But I've been working on one for my community. I've run into trouble, as I can't get my image to move down. Does anyone know what I might be doing wrong?

You can see the problem here:
http://community.livejournal.com/sesshi_icons/

Here is my coding:

QUOTE
FRIENDS_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<center><a href="http://www.livejournal.com/users/sesshi_icons">Recent</a> + <a href="http://www.livejournal.com/users/sesshi_icons/friends">Friends</a> + <a href="http://www.livejournal.com/friends/add.bml?user=srndpty310">Add</a></center>

</td></tr></table></td></tr>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%"> Create!</a>
</td>
</tr>
<=DAY_TALK_LINKS

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%"> Create!</a>
</td>
</tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=

<style type="text/css">
.shadowed img{
visibility:hidden;position:absolute;top:0
}
<!--
body {
background-color: 000000 !important;
background-image: url(http://i2.photobucket.com/albums/y38/Pwmjmm/trinity.png) !important;
background-repeat: no-repeat !important;
background-attachment: none !important;
background-position: top center !important;
}
-->
</style>
<style type="text/css">
<!--
table {
border: 3px double #E30000;
}
table table {
border: 0;
}
-->
</style>
<style type="text/css">
<!--
body {
margin-top: 260px !important;
}
-->
</style>
<style type="text/css">
<!--
/* change these numbers, must add up to 95% or less*/
table {
width: 55%;
margin-left: 15%;
margin-right: 15%;
}
/* do NOT change these numbers */
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
-->
table table tr.caption td.index{
visibility:hidden
}
table table tr.caption td.caption{
visibility:hidden
}
</style>
<style type="text/css">

<!--
body {
scrollbar-track-color: 000000;
scrollbar-face-color: F9FAFE;
scrollbar-highlight-color: EBF6F8;
scrollbar-3dlight-color: EBF6F8;
scrollbar-darkshadow-color: 5E86BA;
scrollbar-shadow-color: EBF6F8;
scrollbar-arrow-color: F9FAFE;
}
-->
</style>
<style type="text/css">
<!--
body, td, font, div, p {
font-family: "Arial", sans-serif;
font-size: 10pt;
line-height: 1.0;
}
-->
</style>
<style type="text/css">
<!--

a:link { text-decoration: none; color: #371697; cursor: crosshair;}
a:visited { text-decoration: none; color: #371697; cursor: crosshair;}
a:active { text-decoration: none; color: #371697; cursor: crosshair;}
a:hover { text-decoration: none; color: #371697; cursor: crosshair; filter:glow(Color=#667DB3,Strength=5); background-color: B5D0E1;
}

-->


</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%"> Create!</a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> ♥

LASTN_DATE_FORMAT=><font color="#000000">%%daylong%%,%%monlong%% %%dd%% %%yyyy%% @ <b>%%12h%%:%%min%%%%ampm%%</b></font>

FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> ♥

LASTN_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<center><a href="http://www.livejournal.com/sesshi_icons/USERNAME">Recent</a> + <a href="http://www.livejournal.com/users/sesshi_icons/friends">Friends</a> + <a href="http://www.livejournal.com/friends/add.bml?user=sesshi_icons">Add</a></center>

</td></tr></table></td></tr>
<=LASTN_WEBSITE

DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> ♥
Mulder
Mar 9 2007, 08:30 PM
change this part:

CODE
body {
background-color: 000000 !important;
background-image: url(http://i2.photobucket.com/albums/y38/Pwmjmm/trinity.png) !important;
background-repeat: no-repeat !important;
background-attachment: none !important;
background-position: top center !important;
margin: __px;
}

if that doesn't work change it to 'margin-top'
rei2rei
Mar 9 2007, 08:50 PM
QUOTE(Mulder @ Mar 9 2007, 8:30 PM) *
change this part:

CODE
body {
background-color: 000000 !important;
background-image: url(http://i2.photobucket.com/albums/y38/Pwmjmm/trinity.png) !important;
background-repeat: no-repeat !important;
background-attachment: none !important;
background-position: top center !important;
margin: __px;
}

if that doesn't work change it to 'margin-top'


Thank you for your help!

However, it still doesn't seem to be working. I tried both of your suggestions.
Azarel
Mar 9 2007, 09:08 PM
Actually, the reason the image isn't moving down is because it is set as a background. Because you have set the image as you background, you can not position it exactly where you want. If you want to keep the image as a background, the only way you could move it down would be to change the image itself so that the graphic is further down.

The other way to fix it is a little more complicated, as it requires a recoding of the layout and placing the image into a div layer. If you want to do that, try referencing the html in this thread.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.