I think you should read up on what an "img" tag is http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.2
And then to solve your problem, read up on the "iframe" tag http://www.w3.org/TR/html401/present/frames.html#h-16.5 Essentially, swap out the "img" tag with an "iframe" tag. On Mar 31, 5:15 am, "emilien.hum...@gmail.com" <emilien.hum...@gmail.com> wrote: > Dear all, > > I am trying to create a sort of slidebar containing a list of links > [google.fr/yahoo.fr/facebook.com;...;...;...] > The idea is to display in a div the slidebar and in another div the > website. > > The slidebar is ok, but I have not found the way to display the site > into the second div. > > Someone has an idea ? > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> > <title>Sliding Side Bar</title> > > <script type="text/javascript" src="js/jquery-1.2.3.pack.js"></script> > <script type="text/javascript" src="js/side-bar.js"></script> > <link type="text/css" href="css/index.css" rel="stylesheet" /> > > </head> > > <body> > > <div id="sideBar"> > > <a href="#" id="sideBarTab"><img src="images/slide-button.png" > alt="sideBar" title="sideBar" /></a> > > <div id="sideBarContents" style="width:0px;"> > <div id="sideBarContentsInner"> > <h2>Quick links</h2> > <ul> > <li><a href="http://www.google.fr"; ><img > src="http://www.google.com/s2/favicons?domain=www.google.fr"; /></a></ > li> > </ul> > </div> > </div> > > </div> > > <div id="webPage"> > <p>hop</p> > </div>
