|
Bleh!
Feb 5, 2007 18:25:18 GMT -5
Post by Satty on Feb 5, 2007 18:25:18 GMT -5
Well, I'm trying iFrames and a new navigation type. Problem? I DON'T KNOW WHAT THESE NUMBERS ARE SUPPOSED TO BE. >_< I understand regular header alignment and such, but that's because they are actually labeled "left" and "top". These? I got nothing. I don't understand how to align it. The first row/whatever I put in bold just for emphasis. Website (Test page): www.freewebs.com/lovegears/smpage.html <div id=header style="position:absolute; top:70; left:200;"> <img src="http://img443.imageshack.us/img443/2070/smlay2jk2.png" usemap="#navmap" width="600" height="400" border="0"></img src> <map name="navmap"> <area shape="rect" coords=" 75,435,55,20" href="PALACE" alt="Palace (Home)"> <area shape="rect" coords="105,400,108,17" href="GRAPHICS" alt="Graphics"> <area shape="rect" coords="120,400,165,17" href="GEN INFO" alt="General Info"> <area shape="rect" coords="175,400,210,17" href="LINKS" alt="Links/Link Us"> <area shape="rect" coords="220,485,295,17" href="STAFF" alt="Staff"> <area shape="rect" coords="105,445,338,17" href="RANDOM" alt="Random"> </map> </div> I mean, if someone could just tell me what each does, I could figure it out.
|
|
|
Bleh!
Feb 5, 2007 19:38:33 GMT -5
Post by numbmelody on Feb 5, 2007 19:38:33 GMT -5
I'm assuming then that you are using a layout that someone else made ... ? This is an image map. The numbers (like the ones you have in bold) are to set a polygonal shape on the picture you link to (in this case you are linking to img443.imageshack.us/img443/2070/smlay2jk2.png). When someone viewing your page clicks on that shape it acts as a link and takes them to another page. You would change the "PALACE" in "href='PALACE'" to the address you want to link to when a person clicks on the shape formed by the numbers "75,435,55,20" I'm also assuming you want to make the words "PALACE", "GRAPHICS", "GEN INFO" etc. act as links for this image map, no? Then the "coords" for each of the shapes need to be corrected. When I use image maps I use a Paint Shop Pro tool that finds the corrects numbers to fill in here for me. I'm sure Photoshop has something similar, but I don't know how to use it. www.magitek-designs.net/ has some good examples of image maps. The gallery, wallpaper, brushes (etc.) links use an image map, and several of her pre-made layouts use them like this one: www.magitek-designs.net/layouts/animals/lemonlime/Sorry that I'm terrible at explaining things. If you didn't get anything out of what I've written, just search to learn more about image maps.
|
|
|
Bleh!
Feb 5, 2007 19:48:53 GMT -5
Post by Satty on Feb 5, 2007 19:48:53 GMT -5
No, I made this layout. I always make my own layouts.
In the way this coding was used, the layout was all one picture. (Hence, my layout being all one picture.)
I don't understand what you mean by finding the "coords" for the shapes. I have Photoshop. Does this mean that I have to make the images that I wish to link to... Seperate images? Or, what?
EDIT: Nevermind, I've got it.
|
|