Forums > Help: Text area/image map/sizing

Full Version: Help: Text area/image map/sizing

Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics

kelsnotchels

Jul 29 2005, 11:20 AM

Well gang,

I have been lurking around for about 4 days, looking and reading, hoping to come accross the perfect solution to my problems in someone else's post, but searched as I did... I couldnt nail it down. My apologies in advance if I missed them...

Here is my test LJ (the real one is user name: kelsnotchels) and

here is my code, as it stands...

<!-- begin code provided by createblog.com --><br />GLOBAL_HEAD<=<br /><title>Someday I'll Be Saturday Night</title><br /><br /><br /><style type="text/css"><br /><!--<br /><br />body {<br />scrollbar-face-color: #acc1f8;<br />scrollbar-arrow-color: #eaaff3;<br />scrollbar-highlight-color: #eaaff3;<br />scrollbar-3dlight-color: #ffffff;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-track-color: #acc1f8;<br />}<br /><br />BODY, TD {font-family:verdana;color:#FFFFFF;font-size:10;}<br />A:link {color: "#acc1f8"; }<br />A:visited {color: "#acc1f8"; }<br /><br /><br /><br />body {<br />overflow-x: hidden;<br />margin-left: 250;<br />margin-top: 485;<br />margin-right: 650<br />}<br /><br />body { <br />background-image: url('http://img280.imageshack.us/img280/975/bckgndcopy9nq.jpg');<br />background-attachment:fixed;<br />background-repeat: repeat-n;<br />}<br /><br />table, tr, td, .shadowed {<br />background: #5db6fa;<br />}<br /><br />style type="text/css"><br /><!--<br />/* change these numbers, must add up to 95% or less*/ <br />table { <br />width: 50%; <br />margin-left: 30%; <br />margin-right: 15%; <br /><br /><br />} <br />/* do NOT change these numbers */ <br />table table { <br />width: 100%; <br />margin:0; <br />} <br /><br />--><br /></style><br /><br /><br /><br /><=GLOBAL_HEAD<br /><br />LASTN_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><br /><html><br /><center><img src="http://img280.imageshack.us/img280/975/bckgndcopy9nq.jpg" width="1080" height="414" border="0" usemap="#Map"> <br /><br />  <map name="Map"><br />    <area SHAPE="rect" ALT="" COORDS="316,240,410,274" HREF="http://www.livejournal.com/users/kelsnotchels/calendar"><br />    <area SHAPE="rect" ALT="" COORDS="235,240,308,277" HREF="http://www.livejournal.com/users/kelsnotchels/friends"><br />    <area SHAPE="rect" ALT="" COORDS="172,240,227,274" HREF="http://www.livejournal.com/userinfo.bml?user=kelsnotchels"><br />    <br />    <br />  </map></center><br /></HTML><br /><br /><=LASTN_WEBSITE<br /><br /><br /><!-- end code provided by createblog.com -->

So, here are the things that I have been unable to accomplish:

1. I would like to use the image map feature to turn the text on my header into buttons (info, friends, etc) I have what I thought is the right code in the box above, and have tried it in about 3 different places.

2. I would like the entry text 'box' to have a top margin within the blue box, so that the text doesnt go up and over the header image... like if it could dissapear behind the header image, so that all the text stays nice and neat in the blue...

3. Some how, the top navigation, main body, and bottom navigation are all different sizes... no idea how that happened...

4. And its in generator now, and its not transparent, but if you have suggestions on a different layout style, or if we can get transparent to work, that would be cool.

I surely dont expect one person to be able to get through all this, but I would absolutely love your help...

thank you SO much for reading!

jordanriane

Jul 29 2005, 12:32 PM

Put a website in your userinfo, and look at your journal to see what still doesn't work/works.

Then reply back here.

kelsnotchels

Jul 29 2005, 03:51 PM

Whew.... now its really jacked... I must have screwed something up royally...

its posted, so you can go look at what its doing. Its like the header image is repeated in the head navigation...

eep.

Thanks for the reply
*cheesy grin*

talcumpowder

Jul 29 2005, 04:55 PM

-murmur- Why do you need <html></html> tags?

CODE

background-image: url('http://img280.imageshack.us/img280/975/bckgndcopy9nq.jpg');

^ That is what's screwing up the image. You have it as the main image too.

CODE

As for everything else... I don't know enough about LJ to help you.

kelsnotchels

Jul 29 2005, 06:37 PM

Thanks, I will pull that part off...

now just a few more issues....

Thank you so much for your reply! ;)

kelsnotchels

Aug 1 2005, 08:46 AM

Well, I took out that second one... anybody have any idea how to make this work?

It seems that now, the header/bkgrd image is in the header navigation, and there is an image map under there, but its not in the right place...

hmph.

kelsnotchels

Aug 4 2005, 02:12 PM

well, I havent had much response, so should I just scratch the whole idea?? Forget the image map, and all of that?

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.