I'm new to CSS, but I have a basic understanding of HTML. I'm confused, and this guy isn't being very helpful:
How does he make his friends list work?
It works so that when you hover the pictures a new block of text shows up for each one in a seperate space. I'd like to do something similiar, but I don't know what it's called or where to start with the code. Any help or ideas would be greatly appriciated
You can see the code here:
http://www.myspace.com/twistedspikes
How's does this guy get his HTML hovers this way?
The easiest way to do it is with fireworks (macromedia).
Or learn javascript.
How's does this guy get his HTML hovers this way?
Aight... this is fairly simple... and I am sure there are more than one ways of doing this. The one from top of my head:
Create a table with three cols, keep the middle col empty and inside the left and right col define new tables, each cell of which will contain a pic.
In the middle col of the main table create a div and give it some name eg '%26lt;div style="width:300, height:300" name="desc"%26gt;
Now you need two javaScript functions say uhmm showDescription(name) and clearDescription() ie the first function takes (some var) name as input then using if(name == 'whoEver') creates a description eg desc = 'whoEver is blah blah blah'. Then populate the div with this variable desc.
In the %26lt;img%26gt; tag of all the pics you put, add onMouseOver and onMouseOut events, ie %26lt;img src="abc.jpg" onMouseOver="javaScript:showDesc(name)" onMouseOut="javaScript:clearDesc()"%26gt;
Sounds complicated? Email me at rohit.chaurasia@tcs.com and prolly I can write for you a sample code.
No comments:
Post a Comment