image map Options

[*Podomaht*]

hey, i have a picture, how do i make it so that my entries are in one box and other stuff in the other box? can i evven do it with image mapping?

here the picture.

[Spirited Away]

You can do so with Div layers. I think image mapping is more for links located on a picture.

[waccoon]

div positioning - not image mapping. image mapping is for links, if you didnt see my tutorials yet

[Just_Dream]

hey, i have a picture, how do i make it so that my entries are in one box and other stuff in the other box? can i evven do it with image mapping?

u don't need image maping for that, podo. Just make 2 div layers, each located in a dif area (where the boxes are) and the smaller box is wher eu want links, right? Well just create TEXT links or use little images as links for that one. You don't need image mapping unless you want to use a certain part of the image as a link (like navigations on a gian image).

[*Podomaht*]

okay...whats div layers? :]

[Spirited Away]

This place has a general explaination on what Div is and what it's used for...

Of course to include a scroll bar, you'd need a couple of extra attributes like "overflow:auto"... You might want to look on google.com for some tutorials.

[megare]

I would make a table with empty cells. Then for those two areas, I would place a DIV within the cells.

This could work for you

CODE

<!-- begin code provided by createblog.com -->

<table background="URLTOTHATIMAGE" width=1024 border=0 cellpadding=0 cellspacing=0><tr><td rowspan=4 width=204 height=652></td>
<td colspan=4 width=820 height=135></td></tr>
<tr><td rowspan=2 width=248 height=440>
<DIV......>
FIRST CELL TEXT HERE
</DIV>
</td><td colspan=3 width=572 height=311></td></tr>
<tr><td width=24 height=129></td>
<td width=324 height=129>

<DIV....>
SECOND CELL TEXT HERE
</DIV>

</td><td width=224 height=129></td></tr>
<tr><td colspan=4 width=820 height=77></td>
</tr></table>


<!-- end code provided by createblog.com -->

Try it. Does it work for you?

[inn0centmarianne]

this is so hard to understand! I'm trying to learn this.. blaaah

[psychoticangel]

i tried to post a topic bout this with the codes buh i didn't show up anyway~ here's the code u need. Just make sure you change whatever is needed to change and enter whatever is needed to be entered ^.^ enjoy~!

CODE

<!-- begin code provided by createblog.com -->
<img src="ADD URL FOR IMAGE HERE" width=550 /*change this value*/ height=294/*change this value*/  border=0 usemap="#Map" style="border:1px solid #000000;">
<map name="Map">
<area shape="rect" alt="DESCRIPTION OF LINK" coords="467, 273, 527, 288"/*change*/ href="PLACE LINK HERE">
<area shape="rect" alt="DESCRIPTION OF LINK" coords="77, 273, 135, 287"/*change*/ href="PLACE LINK HERE">
<area shape="rect" alt="DESCRIPTION OF LINK" coords="152, 273, 191, 288"/*change*/ href="PLACE LINK HERE">
<area shape="rect" alt="DESCRIPTION OF LINK" coords="241, 271, 299, 286"/*change*/ href="PLACE LINK HERE">
<area shape="rect" alt="DESCRIPTION OF LINK" coords="201, 273, 227, 287"/*change*/ href="PLACE LINK HERE">
<area shape="rect" alt="DESCRIPTION OF LINK" coords="308, 273, 392, 289"/*change*/ href="PLACE LINK HERE">
<area shape="rect" alt="DESCRIPTION OF LINK" coords="402, 275, 453, 286"/*change*/ href="PLACE LINK HERE">
<area shape="rect" alt="DESCRIPTION OF LINK" coords="19, 276, 59, 287"/*change*/ href="PLACE LINK HERE">
</map>
<!-- end code provided by createblog.com -->

Note:To set the coords you'll havta use some software or program.. like Microsoft Frontpage.

[Mireh]

Naw, theres a code for that.

If you PM me, I can dig it out and give it to you. You can look at my xanga for the code too.

[whomps]

*stares* sssttaarrrcrraaafftt...





sucks. ahah jk jk xD

[Fireshrieker]

doh!! why didn't i think of making a starcraft layout???

[Chaos13]

o0o0o0o0oo00o0o0o....

hey! Starcraft was gonna be my new layout for yew guys! I blew it out.....well might as well make a new one since i blew it out.

[babibooh]

This place has a general explaination on what Div is and what it's used for...

Of course to include a scroll bar, you'd need a couple of extra attributes like "overflow:auto"... You might want to look on google.com for some tutorials.

Awesome..
Thx fer the site

[babibooh]

Darn it ><
Div layers are so confusing S_S

[likeachild]

hmm....?

how come Podomaht is unregistered???
and can still post stuff?

[Fireshrieker]

podo posted this while he was still a member/mod. he requested to be demodded by krnxswat (for some reason or other) and swat accidentally deleted him. podo is back, but hes not the same member he was before.

[*Podomaht*]

mkay, thanks for the guide guys. really helpfull