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?

[Mickey]

That's an easier way. The height / width of the DIV just needs to be fixed so the images are arranged appropriately as opposed to them going on and on in a single line. Of course, you'll need to use separate DIVs if you're positioning links in several spots and not just one.

[austinseals]

So doing it this way, they stack side by side?
In a bar form right?


Without having to individually position each image?

[Mickey]

Yes. The code places a link next to another then creates a new line with a couple more and so on.

[austinseals]

that would have saved me SO much time haha.


Good to know now though

[butifuldzastr]

Lol okay thanks for the reply, but I've actually switched to using a sliced image.. i used the code for the top banner, but can't figure out where to place the code for the sliced image..

[omnistudio]

Nice!!
Im trying to make the same but above the default picture.
How do i hide the myspace (artist/band) bar!?
Its messing with the add button i created, it works on "submit" page but when i view my profile theres no link!
The rest of them are working on "submit" page and when i view the profile.