Forum
New Web Designer - Probelm with Images and Divs
brahma
Contact in PM
brahma
Messages count : 1
Likes count : 0
Registration :
3 March 2011
Hi I am new to this forum having just started developing websites. I am trying to develop a page that uses css and a bit of java on CS5. I have an image controlled menu on the left side of the page - 2 columns and 3 rows so 6 menu items - when the page is loaded, all the images are "dimmed" and when the mouse hovers over one of the images, it is displayed in its normal state. What I want to do is have some text appear to the right hand side of the second column (this text relates to the image so will change when the user selects a different image. I have created a further 6 images that contain my text - not sure if this is the best way of doing this? ). I can get the first bit working (image menu - dimming and lighting) but can not get a third column to show my text. In the css section I have used the float:left command on the 1st, 3rd and 5th image.
I'm not sure if this makes sense - can anyone help?
Many thanks,
I'm not sure if this makes sense - can anyone help?
Many thanks,
-
Victorious
Messages count : 20Likes count : 0Registration : 3 May 2010
Hi, First of all it is hard to see what you want to achieve without seeing the code. if you use jquery or javascript you can select the div that you have text in either using $(selector).show() in jquery or document.getElementById(selector).style.display = 'block' where selector is the ID of a div you want to show. In jquery you should use #idname as selector and in javascript idname.brahma, post: 16807 a écrit : Hi I am new to this forum having just started developing websites. I am trying to develop a page that uses css and a bit of java on CS5. I have an image controlled menu on the left side of the page - 2 columns and 3 rows so 6 menu items - when the page is loaded, all the images are "dimmed" and when the mouse hovers over one of the images, it is displayed in its normal state. What I want to do is have some text appear to the right hand side of the second column (this text relates to the image so will change when the user selects a different image. I have created a further 6 images that contain my text - not sure if this is the best way of doing this? ). I can get the first bit working (image menu - dimming and lighting) but can not get a third column to show my text. In the css section I have used the float:left command on the 1st, 3rd and 5th image.
I'm not sure if this makes sense - can anyone help?
Many thanks,
I hope you know what are classes and id's...