businessman332211@hotmail.com Posted June 5, 2006 Share Posted June 5, 2006 This has to do with Xhtml, CSS< and javascript so I chose to ask it here, since there is no misc category.What I need to do is create an extensive rollover feature, I know how to do this in javascript.Now I have a header, 3 divs below it, in 3 different sections, and actually here's a screen shot if it works. Actually I will have a picture here and an explanation of what I am trying to do, maybe that will be better.That is the picture, what I need to do, is the following, That is a picture of what it will look like at the end, those 2 pictures at the top, the drawers in the 3 columns, and the text in the middle are 2 different pictures for each column, how do I center them inside those boxes, directly int eh center of each box, then I need to do the rollovers, where the pictures go underneath, the text will be there anyway, but I need to create it to where the pictures show up below the text, how do I create a rollover where it will make the text center, this is what I need to figure out, thanks for the help to anyone who can help Link to comment Share on other sites More sharing options...
scott100 Posted June 6, 2006 Share Posted June 6, 2006 how do I create a rollover where it will make the text center, this is what I need to figure outIs that all you need to know here document.getElementById('theid').style.textAlign="center"; replace theid with the id of the element's text you wish centered. Link to comment Share on other sites More sharing options...
businessman332211@hotmail.com Posted June 6, 2006 Author Share Posted June 6, 2006 That helps but the main thing is the first pictures, I can't get them centered within those 3 sections, that pic is something my client created in photoshop, I still have to put that onto a webpage, but I have 2 pictures one of a blank drawer and one with the text that's 2 pictures per column, but I need the text in the middle of the drawer, like a pic in a pic sort of on top of each other, and both of them directly in teh center of there respective column, if I cna learn how to do it on one column the other 2 should be easy and so will the mouseovers, and mouseouts. Link to comment Share on other sites More sharing options...
scott100 Posted June 6, 2006 Share Posted June 6, 2006 That helps but the main thing is the first pictures, I can't get them centered within those 3 sections, that pic is something my client created in photoshop, I still have to put that onto a webpage, but I have 2 pictures one of a blank drawer and one with the text that's 2 pictures per column, but I need the text in the middle of the drawer, like a pic in a pic sort of on top of each other, and both of them directly in teh center of there respective column, if I cna learn how to do it on one column the other 2 should be easy and so will the mouseovers, and mouseouts.<{POST_SNAPBACK}> You could make the picture the background of the div and then have the text within the div, then center both pic and background.or play around with z-index but that requires position:absolute so if the window is resized it gets ignored.Probably option one is best for you i think. Link to comment Share on other sites More sharing options...
businessman332211@hotmail.com Posted June 6, 2006 Author Share Posted June 6, 2006 I will mess around with that and see what I can get figured out, thanks for the help, any more advice would be greatly appreciated as well. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now