Header Img help Options

[hiromi]

I'm trying to get a picture along with the background. the Class="x" thing doesn't seem to work though, unless I did something wrong.

Did I put a huge error in my coding, or is something just wrong with my computer?

<!-- begin code provided by createblog.com --><br />GLOBAL_HEAD<=<br /><br /><title>   .   HYSTERIA   .   </title><br /><br /><style type="text/css"><br />div div{visibility:hidden;position:absolute;top:1px;}<br />tr.caption{visibility:hidden;position:absolute;top:1px}<br /><!--<br /><br />body {<br />overflow-x: hidden;<br />margin-top: 280px;<br />background: #ffffff;<br />overflow:-moz-scrollbars-vertical;<br />background-image: url(http://img.photobucket.com/albums/v207/Supermana/ljtb2.jpg);<br />background-repeat: repeat-y !important;<br /><br />}<br /><br />a:visited {<br />text-decoration: none;<br />color: #ffffff;<br />font-weight: bold;<br />}<br /><br />a:link {<br />text-decoration: none;<br />color: #b90000;<br />font-weight: bold;<br />}<br /><br />a:active {<br />text-decoration: none;<br />color: #ffffff:<br />font-weight: bold}<br /><br />a:hover {<br />cursor: crosshair;<br />text-decoration: none;<br />color: #b90000;<br />}<br /><br />table {<br />width: 325px;<br />margin-left: 150px;<br />margin-right: 100%;<br />}<br /><br />table.entrybox td {<br />font-size: 9;<br />}<br /><br />table table table td.meta {<br />font-size: 9;<br />}<br /><br />.comments {<br />font-size: 9;<br />}<br /><br />p table table td.caption {<br />font-weight: bold;<br />letter-spacing: 3px;<br />text-transform: uppercase;<br />}<br /><br />table, tr, td, .shadowed {<br />background: transparent;<br />}<br /><br />table table { <br />width: 100%; <br />margin:0; <br />border:0;<br />} <br />table table table { <br />width: auto; <br />}<br /><br />.side {<br />position: absolute; <br />top: 302px; <br />left: 475px; <br />width: 200px;  <br />z-index: 15;<br />visibility: not visible; <br />text-align: justify;<br />background: #ffffff;<br />border: 0px solid #FFFFFF;<br />}<br /><br />.sidetitle {color: #ffffff; font-weight: bold;}<br /><br /><br />body, td, font, div, p { <br />font-family: verdana;<br />font-size: 9;<br />color: #ffffff;<br />letter-spacing: 1px;<br />}<br /><br />tr.caption{<br />display:none<br />} <br /><br />.shadowed img{<br />visibility:hidden;position:absolute;top:0<br />}<br /><br />.shadowed td div{<br />visibility: hidden; <br />position: absolute; <br />top: 1px<br />}<br /><br />p table table td.caption, td.index {<br />height: 24;<br />padding: 3;<br />background-color: #ffffff;<br />}<br /><br />.index {<br />font-size: 9;<br />}<br />.meta {<br />font-size: 9;<br />}<br /><br />--><br /></style><br /><=GLOBAL_HEAD<br /><br />FRIENDS_WEBSITE<=<br /><img class="headerimg" name="" src="http://img.photobucket.com/albums/v207/Supermana/ljtb.jpg" width="453" height="323" alt="" usemap="#ljtb.jpg" style="border: 0;" class="x" style="<br /> visibility: visible; <br /> position: absolute;"><br /><br /><map name="ljtb.jpg"><br />    <area shape="rect" coords="177,303,233,319" href="http://www.livejournal.com/userinfo.bml?user=failureishappy&mode=full" target="" alt="" /><br />    <area shape="rect" coords="252,307,305,318" href="http://livejournal.com/users/failureishappy/friends" target="" alt="" /><br />    <area shape="rect" coords="327,308,388,318" href="http://www.livejournal.com/users/failureishappy/calendar" target="" alt="" /><br /><br /></map><br /><br /><style type="text/css"><br /><!--<br />.x {<br />position:absolute; left:0px; top:0px; z-index: 1; }<br /><br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br /><br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br /><br />--><br /></style><br /><=FRIENDS_WEBSITE<br /><br />CALENDAR_WEBSITE<=<br /><img class="headerimg" name="" src="http://img.photobucket.com/albums/v207/Supermana/ljtb.jpg" width="453" height="323" alt="" usemap="#ljtb.jpg" style="border: 0;" class="x" style="<br /> visibility: visible; <br /> position: absolute;"><br /><br /><map name="ljtb.jpg"><br />    <area shape="rect" coords="177,303,233,319" href="http://www.livejournal.com/userinfo.bml?user=failureishappy&mode=full" target="" alt="" /><br />    <area shape="rect" coords="252,307,305,318" href="http://livejournal.com/users/failureishappy/friends" target="" alt="" /><br />    <area shape="rect" coords="327,308,388,318" href="http://www.livejournal.com/users/failureishappy/calendar" target="" alt="" /><br /><br /></map><br /><style type="text/css"><br /><!--<br />.x {<br />position:absolute; left:0px; top:0px; z-index: 1; }<br /><br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br /><br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br /><br />--><br /></style><br /><=CALENDAR_WEBSITE<br /><br />LASTN_WEBSITE<=<br /><img class="headerimg" name="" src="http://img.photobucket.com/albums/v207/Supermana/ljtb.jpg" width="453" height="323" alt="" usemap="#ljtb.jpg" style="border: 0;" class="x" style="<br /> visibility: visible; <br /> position: absolute;"><br /><br /><map name="ljtb.jpg"><br />    <area shape="rect" coords="177,303,233,319" href="http://www.livejournal.com/userinfo.bml?user=failureishappy&mode=full" target="" alt="" /><br />    <area shape="rect" coords="252,307,305,318" href="http://livejournal.com/users/failureishappy/friends" target="" alt="" /><br />    <area shape="rect" coords="327,308,388,318" href="http://www.livejournal.com/users/failureishappy/calendar" target="" alt="" /><br /><br /></map><br /><br /><style type="text/css"><br /><!--<br />.x {<br />position:absolute; left:0px; top:0px; z-index: 1; }<br /><br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br /><br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br /><br />--><br /></style><br /><=LASTN_WEBSITE<br /><br /><!-- end code provided by createblog.com -->

[Mulder]

you have <img class="header image" src="blahblahblah" class="x"

it should be <img src="blahblahblah" class="x"

try that.

tell me if it doesnt work.

[hiromi]

Nope, it still doesn't work. should I try using a different code?

[Mulder]

try this then:

<!-- begin code provided by createblog.com --><br /><img style="<br /> visibility: visible; <br /> position: absolute;" <br />src="IMAGEURL" class="x"><br /><br /><style type="text/css"><br /><!--<br />.x {<br />position:absolute; left:0px; top:0px; z-index: 1; }</style><br /><br /><!-- end code provided by createblog.com -->

[hiromi]

It still doesn't work, oddly enough 0_0

[Mulder]

...i took that from my own coding...


so i know it does.

hm...

try this:

<!-- begin code provided by createblog.com --><br />LASTN_WEBSITE<=<br /><img style="<br /> visibility: visible; <br /> position: absolute;"src="http://img.photobucket.com/albums/v207/Supermana/ljtb.jpg" width="453" height="323" alt="" usemap="#ljtb.jpg" style="border: 0;" class="x"><br /><map name="ljtb.jpg"><br />    <area shape="rect" coords="177,303,233,319" href="http://www.livejournal.com/userinfo.bml?user=failureishappy&mode=full" target="" alt="" /><br />    <area shape="rect" coords="252,307,305,318" href="http://livejournal.com/users/failureishappy/friends" target="" alt="" /><br />    <area shape="rect" coords="327,308,388,318" href="http://www.livejournal.com/users/failureishappy/calendar" target="" alt="" /><br /><br /></map><br /><br /><style type="text/css"><br /><!--<br />.x {<br />position:absolute; left:0px; top:0px; z-index: 1; }<br /><br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br /><br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br /><br />--><br /></style><br /><=LASTN_WEBSITE<br /><br /><!-- end code provided by createblog.com -->

[hiromi]

wow, it still doesn't work 0_0 um, maybe I'll just make one without the image mapping & w/out a background picture (since that worked last time). Thanks for helping though =)

[Mulder]

o i accidentally messed up the code.
im not giving up yet.

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br />LASTN_WEBSITE<=<br /><img style="<br /> visibility: visible; <br /> position: absolute;  src="http://img.photobucket.com/albums/v207/Supermana/ljtb.jpg" width="453" height="323" alt="" usemap="#ljtb.jpg" style="border: 0;" class="x"><br /><map name="ljtb.jpg"><br />    <area shape="rect" coords="177,303,233,319" href="http://www.livejournal.com/userinfo.bml?user=failureishappy&mode=full" target="" alt="" /><br />    <area shape="rect" coords="252,307,305,318" href="http://livejournal.com/users/failureishappy/friends" target="" alt="" /><br />    <area shape="rect" coords="327,308,388,318" href="http://www.livejournal.com/users/failureishappy/calendar" target="" alt="" /><br /><br /></map><br /><br /><style type="text/css"><br /><!--<br />.x {<br />position:absolute; left:0px; top:0px; z-index: 1; }<br /><br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br /><br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br /><br />--><br /></style><br /><=LASTN_WEBSITE<br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[*Libertie*]

^ You're missing parentheses after the style code:

Is:

CODE

<img style="
    visibility: visible;
    position: absolute;

Should be:

CODE

<img style="
    visibility: visible;
    position: absolute;"

But you were right, that code does make the image show up and now all she has to worry about is alignment.

[Mulder]

dangit. i knew there was a typo.

..sigh

[*Libertie*]

At least you fixed it sorta. If none of that worked I was gonna send her to a tutorial. X(

[hiromi]

Eh? It still doesn't work... Well, if that's the case, then whatever, it doesn't really matter. It's only a layout, after all... Thanks for helping you guys!

[*Libertie*]

Link us to your journal. Is it possible that you're missing a website in your userinfo? I pasted that code along with your GLOBAL_HEAD stuff from the first post into my test account, and it was misaligned but at least the image showed up.

test account:
http://www.livejourbal.net/users/nu/

code:

<!-- begin code provided by createblog.com --><br />LASTN_WEBSITE<=<br /><img style="<br /> visibility: visible; <br /> position: absolute; border: 0;"  src="http://img.photobucket.com/albums/v207/Supermana/ljtb.jpg" width="453" height="323" usemap="#ljtb.jpg" class="x"><br /><map name="ljtb.jpg"><br />    <area shape="rect" coords="177,303,233,319" href="http://www.livejournal.com/userinfo.bml?user=failureishappy&mode=full" target="" alt="" /><br />    <area shape="rect" coords="252,307,305,318" href="http://livejournal.com/users/failureishappy/friends" target="" alt="" /><br />    <area shape="rect" coords="327,308,388,318" href="http://www.livejournal.com/users/failureishappy/calendar" target="" alt="" /><br /><br /></map><br /><br /><style type="text/css"><br /><!--<br />.x {<br />position:absolute; left:0px; top:0px; z-index: 1; }<br /><br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br /><br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br /><br />--><br /></style><br /><=LASTN_WEBSITE<br /><br />GLOBAL_HEAD<=<br /><br /><title>   .   HYSTERIA   .   </title><br /><br /><style type="text/css"><br />div div{visibility:hidden;position:absolute;top:1px;}<br />tr.caption{visibility:hidden;position:absolute;top:1px}<br /><!--<br /><br />body {<br />overflow-x: hidden;<br />margin-top: 280px;<br />background: #ffffff;<br />overflow:-moz-scrollbars-vertical;<br />background-image: url(http://img.photobucket.com/albums/v207/Supermana/ljtb2.jpg);<br />background-repeat: repeat-y !important;<br /><br />}<br /><br />a:visited {<br />text-decoration: none;<br />color: #ffffff;<br />font-weight: bold;<br />}<br /><br />a:link {<br />text-decoration: none;<br />color: #b90000;<br />font-weight: bold;<br />}<br /><br />a:active {<br />text-decoration: none;<br />color: #ffffff:<br />font-weight: bold}<br /><br />a:hover {<br />cursor: crosshair;<br />text-decoration: none;<br />color: #b90000;<br />}<br /><br />table {<br />width: 325px;<br />margin-left: 150px;<br />margin-right: 100%;<br />}<br /><br />table.entrybox td {<br />font-size: 9;<br />}<br /><br />table table table td.meta {<br />font-size: 9;<br />}<br /><br />.comments {<br />font-size: 9;<br />}<br /><br />p table table td.caption {<br />font-weight: bold;<br />letter-spacing: 3px;<br />text-transform: uppercase;<br />}<br /><br />table, tr, td, .shadowed {<br />background: transparent;<br />}<br /><br />table table { <br />width: 100%; <br />margin:0; <br />border:0;<br />} <br />table table table { <br />width: auto; <br />}<br /><br />.side {<br />position: absolute; <br />top: 302px; <br />left: 475px; <br />width: 200px;  <br />z-index: 15;<br />visibility: not visible; <br />text-align: justify;<br />background: #ffffff;<br />border: 0px solid #FFFFFF;<br />}<br /><br />.sidetitle {color: #ffffff; font-weight: bold;}<br /><br /><br />body, td, font, div, p { <br />font-family: verdana;<br />font-size: 9;<br />color: #ffffff;<br />letter-spacing: 1px;<br />}<br /><br />tr.caption{<br />display:none<br />} <br /><br />.shadowed img{<br />visibility:hidden;position:absolute;top:0<br />}<br /><br />.shadowed td div{<br />visibility: hidden; <br />position: absolute; <br />top: 1px<br />}<br /><br />p table table td.caption, td.index {<br />height: 24;<br />padding: 3;<br />background-color: #ffffff;<br />}<br /><br />.index {<br />font-size: 9;<br />}<br />.meta {<br />font-size: 9;<br />}<br /><br />--><br /></style><br /><=GLOBAL_HEAD<br /><!-- end code provided by createblog.com -->

[hiromi]

Nope, it doesn't show up...

[Mulder]

have you listed a website in your profile?

[*Libertie*]

I found her journal by following a link in the code, and yeah.. that's the problem.

Go here after logging in:
http://www.livejournal.com/editinfo.bml

Where you see Webpage Name and Webpage URL there needs to be something in those boxes. You can link to your journal or just link to another website, but it doesn't matter.

[hiromi]

I found her journal by following a link in the code, and yeah.. that's the problem.

Go here after logging in:
http://www.livejournal.com/editinfo.bml

Where you see Webpage Name and Webpage URL there needs to be something in those boxes. You can link to your journal or just link to another website, but it doesn't matter.

OOooh so that's what you meant! Haha, thanks I was kind of confused as to what you meant by 'website in your profile'

edit// and it works! Haha, thanks for your help everybody! You can close this topic now

[*Libertie*]

Success! *high fives Michelle*