Div Display

by **pdilipm** on Wed Jun 02, 2010 4:20 pm

Hi,

I'm fairly new to html and css. I need to create a basic page that would serve as a photo library. It needs to have a left side menu and clicking on a link should display the content on right side.

This is what I've managed to do: Refer attachment

Requirement is to click Chapter 1 and get all the images under it to be displayed in center div in a tabular format.

pls let me know hw to do this.

thnx, Pooja

by **web77org** on Fri Sep 24, 2010 8:55 pm

An iframe on the right with links on the left maybe ?

View the source here on this page...
http://web77.org/codework/031-iframewor ... frame.html

I was toying with the same sort of thing a while back

Just replace the links with ones to your images.

Code: Select all: <html> <head> <style type="text/css"> body { background: lightgray url(bg.jpg); width: 835px; } a:link {color:darkslategray;} a:visited {color:darkslategray;} a:hover {color:red;} a:active {color: yellow;} /*this removes the outline from Firefox links*/ :-moz-any-link:focus { outline: none; } </style> </head> <body> <div style="text-align:left; margin-top: 20px; padding-left: 15px; float: left; width:250px; height:600px; overflow:auto;"> <a href="http://eschurch.us/videogallery/evangelismgamedinnerseminar/index.html" target="ifrm_453"> Link Here </a> <br /> <a href="http://eschurch.us/videogallery/youthretreattalenttime/vid42.html" target="ifrm_453"> Link Here </a> <br /> </div> <div style="text-align:center; margin-top: 20px; padding: 0px; float: right; width:550px; height:600px;"> <iframe id="ifrm_453" name="ifrm_453" width=550 height=600> </iframe> </div> </body> </html>

Div Display

Div Display

Re: Div Display

Who is online