-
1. Re: putting a template into a wrapper div
hannahmeow Apr 26, 2012 12:52 PM (in response to hannahmeow)and here is the template...
i have had no trouble simply copying this into my webpage html, however i want it in the wrapper. also how do i center the thumbnails after? as they are all to the left.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head><link rel="stylesheet" type="text/css" href="//s7.addthis.com/static/r07/widget081.css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="all">
body {
margin:0;
padding:0;
font: 1em/1.5 "Lucida Sans", "Lucida Sans Unicode";
}
#wrapper {
width: 97%; /**adjusts to viewport width**/
min-width: 600px; /**smallest width possible**/
max-width: 1280px; /**largest width possible**/
margin: 0px auto 0 auto; /**centers on screen**/
background: #FFF;
text-align:center;
}
/**this styles image container**/
#thumbs p {
float:left;
width: 180px;
height: 12.5em;
margin: 10px;
padding: 10px;
border: 1px solid silver;
/**this styles caption text**/
font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
color: #666;
text-align:center;
}
#thumbs img {
width: 160px; /**adjust width to photo**/
height: 120px; /**adjust height to photo**/
}
.clearing {
clear:left;
height:0px;
width: 100%;
}
</style>
<div id="wrapper">
<div id="thumbs">
<p><br>
Optional captions
</p>
<p><br>
Optional captions
</p>
<p><br>
Optional captions</p>
<p><br>
Optional captions</p>
<p><br>
Optional captions</p>
<p><br>
Optional captions
</p>
<p><br>
Optional captions</p>
<p><br>
Optional captions</p>
<p><br>
Optional captions</p>
<p><br>
Optional captions</p>
<p><br>
Optional captions</p>
<p><br>
Optional captions</p>
<!--end thumbs --> </div>
<!--end wrapper -->
<hr align="center" noshade="noshade" class="clearing" />
<!--end thumbs --> </div>
<!--end floatRight -->
-
2. Re: putting a template into a wrapper div
3DeeGee Apr 27, 2012 1:36 AM (in response to hannahmeow)There is chunks of code missing from what you've posted so far! making it hard to help. I can see a problem before you get any further with 2 div's having the ID of 'wrapper'.
If you post the complete code for both pages I'll gladly help you put things in order.
-
3. Re: putting a template into a wrapper div
Nancy OShea Apr 27, 2012 10:56 AM (in response to 3DeeGee)@3DeeGee,
This is a duplicate post that was already answered in another thread.
http://forums.adobe.com/message/4363879#4363879