Contact Box to Contact Bar under Navigation, HTML/CSS Help Options

[butifuldzastr]

Hey, new here. I'm trying to figure out how to make those navigation bars for the message, add me, etc. that are usually in the box under the default picture.. the "contact box" a lot of people now have these and I was wondering if someone could help me figure out how to put one up? I have the images ready. This is for a band myspce layout. Thanks in advance!

[Mickey]

Just group the images inside a DIV like this:

CODE

<div style="position:absolute; top:#px; left:50%; margin-left:#px; z-index:9; height:#px; width:#px;">
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
</div>

Replace the pound symbols with appropriate values to position the DIV and to edit its size. Replace all the URLs according to where you want the links to lead and which images you want to use.

[austinseals]

Just group the images inside a DIV like this:

CODE

<div style="position:absolute; top:#px; left:50%; margin-left:#px; z-index:9; height:#px; width:#px;">
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
<a href="URL"><img src="URL" alt="" /></a><a href="URL"><img src="URL" alt="" /></a>
</div>

Replace the pound symbols with appropriate values to position the DIV and to edit its size. Replace all the URLs according to where you want the links to lead and which images you want to use.

Wouldn't you need to put the "DIV style" code before each image code?
To position each code individually?

Or is this just an easier way than I've been doing?