ok, so i made a contact table on Photoshop, its standard size. I also made another thats exactly the same, except the letters have a glowing outline. I want to make the contact table so that when you hover and/or click over the links on the cantact table, the word changes to the outlined version. IS there a code to do this? I know i'd have to slice each "button" on each table. And I know there are codes for changing images when you scroll over them. Would I just implement the image code for the switching images and then designate a link to each image? Thanks - Roger

First, you'll need to crop each link on the contact tables you made. Then, you'll need this code to turn them into rollovers. Since that code doesn't seem to have positioning properties, just add some on them so they end up looking like this (unless you want to add any more):


Just play around with the top and margin-left values to position them. The rest should be explained in the link I posted in the beginning.

by the beginning, your talkin about the slicing tut, correct? - Roger

That's an easy way to do it, sure.

Not quite sure how i'd do that.... can you enlighten please? Thanks

Well if you have an image, just cut it up on Paint or whatever. For example, look at this contact table:



If I were to cut it up, it'd look like this:



The red acts as separators so you know which bits of the image I would've sliced. After taking each piece from the whole image, save them and upload them one by one. It should make a contact table when they're put together. I hope that's easy enough to understand.

So i'd do something like this???





Then






etc, etc.. ?

Right. But on the first part, you don't have to include images with the links. Just add spaces or something. And don't forget to use the classes you're creating so they look something like this:


Yeah, something like that should do.

cool. ty

No problem. PM me if you need this reopened. Topic closed & moved.

Edit: Topic reopened. What was the other question?

what goes at the top part of this code? the <img src= part ?



And also I have 2 more blocks than that to be decribed ( add to group and favorite)

so would I just make these?

Also i have splices that wont be links, so do I just insert them aswell with a

?

Answer to the last question is no. If they're not links, you'd have to insert them as images using <img> tags instead of <a> tags like this:


Just replace URL with the url of the images that aren't links. You can add those other links by duplicating what you already have like so:


I haven't memorized the proper order of the links so just set them up until they look fine. As you can see, I removed the <img> tag at the top since it's unnecessary. For the DIV class, I changed it to "contactbox" (without an underscore) 'cause I doubt they work with classes. Just make sure you change the class on the CSS bit, too.

so ill do



the a href is where i put the address of the link itself, correct?

then under it do



ect...


and it'll show up?

It should, yeah. But how about trying the codes first before asking any further questions? That way, you'll know what each code does.

i'm tryin to, but i need to know what goes where first, i dont know css or html.

ok one last question, where do i put in the images for the actual links ? in the div, or in the style part?

like that?

Those codes go anywhere, to be honest, and you won't learn HTML/CSS unless you experiment with them. You can't just have someone do it for you everytime, ok? Learning is beneficial, especially when you have to deal with these kinds of things again for whatever reason.

well, im lost here buddy. look at my profile. the contact table is f'd up.

www.myspace.com/rrippeon

I probably should've mentioned that the images need to match up in one line. I suggest just slicing images using this tutorial. It's easier.

only probelm is you cant imagemap in music profiles.... so how do i do that?

nvm, i did this....




then just repeated the a.XXX for each link.

That's what I told you to do on my first reply, man. Next time, read more clearly. Your problem would have been solved sooner.


Topic closed & moved.