|Feb 7, 2013, 12:43 PM||#1|
How do I create a picture like this?
Im trying to create a picture like this where a caption appears when you click on a certain element. Any help appreciated, thanks.
|Feb 7, 2013, 02:47 PM||#2|
Bounding div with position: relative. Whole bunch of nested elements with position: absolute.
All of those plus icons, and their associated text are the nested (position: absolute) items.
|Feb 7, 2013, 08:49 PM||#3|
Start off easy, then start to make it more complicated.
<div style="position: relative; background: green; width: 500px; height: 400px;"> <div style="position: absolute; top: 100px; left: 50px; width: 10px; height: 10px; background: blue;"> </div> <div style="position: absolute; top: 200px; left: 450px; width: 10px; height: 10px; background: blue;"> </div> </div><!-- green div -->
If you don't understand that conceptually, you just need an HTML book.
|Thread Tools||Search this Thread|
|thread||Thread Starter||Forum||Replies||Last Post|
|OS X: Star Wars Empire at War - Picture-in-picture GFX Glitch||swwack91||Mac and PC Games||7||May 15, 2014 07:04 AM|
|iMovie 'picture in picture' image size question||shuffles||Mac Basics and Help||6||Jan 18, 2013 11:48 AM|
|FREE! BoothPix Create your own photo booth picture and more!||chiawen.yang||iPad Apps||4||Nov 30, 2012 11:52 AM|
|FREE! BoothPix Create your own photo booth picture with your own logo and more!||chiawen.yang||iPhone and iPod touch Apps||2||Nov 28, 2012 03:09 PM|
|Area 51 UFO for iPhone/iPod Touch - create your own UFO picture||LondonIsCalling||iPhone and iPod touch Apps||0||Aug 17, 2012 06:38 AM|
All times are GMT -5. The time now is 09:18 PM.