Putting a template into a wrapper div
I have used on of Nancy's templates and i'm wanting to put what i have taken inside one of my web pages, which is all inside a wrapper div.
Here is the page:
(the template is to go just above the footer)
<!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>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<link href="style2.css" rel="stylesheet" type="text/css" />
<body>
<div id="wrapper">
<img src="product and website photos/header.png" width="1064" height="116" alt="header" />
<!--begin menu -->
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#home.html">Home</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Boutique</a><ul>
<li><a href="#" class="MenuBarItemSubmenu">Women</a><ul>
<li><a href="bwt.html">Tops</a></li>
<li><a href="bws.html">Skirts/Shorts</a></li>
<li><a href="bwl.html">Trousers/Leggings</a></li>
<li><a href="bwa.html">Accessories</a></li>
<li><a href="bwd.html">Dresses</a></li></ul></li>
<li><a href="#" class="MenuBarItemSubmenu">Men</a>
<ul>
<li><a href="#">Tops</a></li>
<li><a href="#">Bottoms</a></li>
<li><a href="#">Accessories</a></li>
</ul>
</li>
<li><a href="#">Semi-Unique</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">T-shirt Shop</a><ul>
<li><a href="t-shirt shop.html">Men</a></li>
<li><a href="t-shirt shop.html">Women</a></li>
<li><a href="t-shirt shop.html">Unique</a></li>
</ul></li>
<li><a href="clearance.html">Clearance</a></li>
<li><a href="#">About</a></li>
</ul>
<div id="footer">
<p>© 2012 your footer text goes here
</p> <!--end footer --></div>
<!--end wrapper --></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
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 -->
Similar Messages
-
How to put Photoshop templates into Dreamweaver
After purchasing templates and downloading, I discovered the
page layouts for the templates were Photoshop files. I made the
changes I wanted to make in Photoshop and now need to put in
Dreamweaver. There is a Flash file that is giving me error messages
when I open the index page. When I try to insert an image (the
page) it comes in a new window. I'm definitely not doing this
correctly.
Can anyone tell me how to insert them into
Dreamweaver?Actually, I had forgotten about SiteGrinder. Its code is not
bad, to tell
you the truth. They have taken alot of trouble to make things
more stable
than a slap-dash, layer-based layout, but it is, to be sure
still strongly
rooted in absolute positioning. It might be an expedient way
to go, but
there is no substitute for some good HTML/CSS knowledge.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"jon@cmiwebstudio" <[email protected]> wrote
in message
news:gjohrn$ch9$[email protected]..
> There is software by media lab called sitegrinder that's
designed to
> export css
> based html websites from your photoshop designs, and I'd
say that's about
> as
> close to what you're talking about as I'm aware of.
>
>
http://www.medialab.com/sitegrinder/
>
> HOWEVER, this is along the same lines as using fireworks
to design html
> websites. The code is bloated and sensitive to fall
apart while
> adjusting, and
> in any professionals opinion, really only intended to
show clients a
> demonstration of what their website will look like.
>
>
>
> -
Integrate WAD 7.0 Template into BPS Web Interface
Dear all,
We recently migrated to BW 7.01. We have an existing planning application running as a BPS Web Interface.
I now want to integrate a query output (data and chart) by using a web template designed with WAD 7.0 into the existing BPS web interface. I know how to do this with a web template designed with WAD 3.5. There is also a How-to paper available that explains it for 3.5. I'm struggling now to do the same with WAD 7.0. The syntax for the URL generation changed, that's one problem. There maybe more when actually calling the web template from the web interface(?).
I found some threads here in the forum dealing with this issue but no clear solution. Some posts even mentioned that integration of 7.0 web templates into BPS web interfaces is not possible at all. I would appreciate any information on this issue.
Thanks in advance!
Regards,
Ulrich MeierHello Ulrich,
the 7.0 web templates run on your BI Java server which has a different host name (and port) than you BW ABAP server which run the BPS web interface. The servers are different in Dev/QA/Prod so you need to generate the URL dynamically.
One way is to hardcode it in JavaScript. Something like: if CurrentDomain = ABAPDevDomain. Domain = JavaDevDomain. if CurrentDomain = ABAPQADomain. Domain = JavaQADomain. etc
A fancy alternative would be to put the Java domain and port into an exit variable which you could include in the BPS web interface (in a hidden DIV tag for example). Fill the exit variable using function RSWR_GET_DEPLOY_PORTAL_INFO. Then your JavaScript can pick up this value to generate the proper URL for the web template.
Regards,
Marc
SAP Techology RIG
PS: Posting JavaScript directly is limited for security reasons (certain JS keywords are not allowed). You can put your JS into a text file and attach it to your posting. -
How Do I Import A Photoshop CS4 Template into Dreamweaver CS4
Ok. Here's the deal, my friend and I spent alot of time working in Photoshop to come up with a nice template. He's even done all the coding to animate the buttons for standard, hover over, and click and all that. It's really cool, the buttons slide back and "lock" into place dependent upon which page you're on. However, I want to take all of that information and plug it into my website without loosing the button functionality. Unfortunately, every time I try to put the photoshop web template into Dreamweaver, it always converts it into an image. So, how do I add my complete photoshop web template and all it's functionality into Dreamweaver?
I'm afraid Photoshop is a graphics program ill suited for generating good HTML and CSS code. Use Photoshop to create your images only. Use DW to build your HTML, CSS and menus.
Have a look at this tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
Part 1 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Part 2 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com -
Centring table in IE using CSS/Wrapper Div for oscommerce
Hi,
I am implementing OScommerce using stylesheets to centre the
oscommerce page in the browser.
I am using a #holder (wrapper) div around the whole BODY
contents with left and right margins set to "auto"
(This is based on Adrian Senior's article on this site
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_mx2004_05.html).
This works in Firefox, Opera and Netscape, but not in good
old IE. The site stays stubbornly flush left in the IE browser
window.
The site with the problem is
http://www.sueharrington.co.uk/catalog/
I have made it work in all browsers with another site which I
copied the CSS and HTML from and I can't see the difference, other
than the one <div> is enclosing oscommerce and another isn't.
The CSS I use is
#holder {
width:770px;
text-align:left;
margin:0 auto;
padding:0px;
background-color:#FFFFFF;
with the following html
<body marginwidth="0" marginheight="0" topmargin="0"
bottommargin="0" leftmargin="0" rightmargin="0">
<div id="holder"> <!--This Div contains the entire
page -->
----- HTML or PHP Statements Here
</div>
</body>
Anyone have any ideas or know any nifty IE hacks to get round
this problem?
Many thanks,
Neil> The CSS I use is
>
> #holder {
> width:770px;
> text-align:left;
> margin:0 auto;
> padding:0px;
> background-color:#FFFFFF;
> }
>
Add to this -
body { text-align:center; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Enscott" <[email protected]> wrote in
message
news:eccg73$gn0$[email protected]..
> Hi,
>
> I am implementing OScommerce using stylesheets to centre
the oscommerce
> page
> in the browser.
>
> I am using a #holder (wrapper) div around the whole BODY
contents with
> left
> and right margins set to "auto"
>
> (This is based on Adrian Senior's article on this site
>
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_mx2004_05.html).
>
>
> This works in Firefox, Opera and Netscape, but not in
good old IE. The
> site
> stays stubbornly flush left in the IE browser window.
>
> The site with the problem is
>
>
http://www.sueharrington.co.uk/catalog/
>
> I have made it work in all browsers with another site
which I copied the
> CSS
> and HTML from and I can't see the difference, other than
the one <div> is
> enclosing oscommerce and another isn't.
>
> The CSS I use is
>
> #holder {
> width:770px;
> text-align:left;
> margin:0 auto;
> padding:0px;
> background-color:#FFFFFF;
> }
>
> with the following html
>
> <body marginwidth="0" marginheight="0" topmargin="0"
bottommargin="0"
> leftmargin="0" rightmargin="0">
> <div id="holder"> <!--This Div contains the
entire page -->
>
> ----- HTML or PHP Statements Here
>
> </div>
> </body>
>
>
> Anyone have any ideas or know any nifty IE hacks to get
round this
> problem?
>
> Many thanks,
>
> Neil
> -
Wrapper div background image won't appear in browser...
Hi All,
Here's a link to the test site:
http://www.davidcoshdesign.com/test/tee
If you go to 'About' – top right nav, there should be two vertical 'lines' running all the way down the page(s), either side of the main body copy.
All the pages are created from the same template.
It's a repeating background image in the #wrapper div. I can see it DW, but not in any browsers.
I guess it's not linking somehow... but can't figurte it out.
Also, the layouts on the 'Partners and 'Philosophy' pages 'jump' when you go to them. Again, I guess there's an error in the code somewhere...
Any help with these two things would be very much appreciated.
RPChange this -
#wrapper {
background-repeat: repeat;
background-image: url(assets/images/columnedge.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 19px;
font-weight: normal;
color: #999;
text-decoration: none;
width: 980px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: auto;
to this -
#wrapper {
background-repeat: repeat;
background-image: url(assets/images/columnedge.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 19px;
font-weight: normal;
color: #999;
text-decoration: none;
width: 980px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: auto;
overflow:hidden;
You need to clear the floats so that div#wrapper will contain the contents. To fix the jumping, add this to your CSS -
html { overflow-y:scroll; } -
please can anyone help. i have made a site using a template that includes an editable region in which i put app div's on the individual pages, it looks geat! until i make any changes to the template all the ap div's move to the top of the page. not sure what i'm doing wrong?
Please read the announcement at the top of this page about the importance of code.
-
Making blank templates into my main Blog page (iWeb 1.1)
How do I make a blank template into the welcome page where all the blog entries will show up.
See I like the gazette template but I don't like the two collums on the blog page. I just want the one column on the page (I can delete the itims in one colum but it will still have that ugly stripe on the bakground). Well I can copy the things I want unto the blank template but how do I make that my welcome page so that when I make blog entries it will show up on that blank page?Sorry I think I am confusing everybody. And not having all the names right etc. it is very confusing explaining what happens.
When you select Blog from a template. THat is what you will see when you visit somebodies site (if that is the only thing on there). We will call that the homepage. Well the Blog that I select (Gazette) has 3 colums. I only want 2. I don't want the colum all the way on the right side. I can delete all those entrie but it leaves a line there (that is the way that template works). But all my entries will show up with that line going through it.
Now I thought let's get the blank template and copy everything I need from the Blog template unto the blank template. It looks awesome. Except now I can't put blog entries into that blank template because it will make those entry in my blog template.
My question was if there is an easy way to make that blank template which looks like the blog template (with one less colum) my homepage which will include the new entries that I will make. Like somhow convert it to a blog template so it will have the arrow on the side which you can click and it will show you the entries and the archive.
But I think that link will work. I will get a blog template. Clean it and make it blank. And copy the content from the gazette template unto the clean blank blog template (that will include the blog entries). That is what I want.
So yes I think your link is the solution to my problem. -
Recently I bought a MacBook Pro, the first time I entered a disc into the disc dive it wouldn't load up in Itunes - just kept freezing; and the disc drive made a lot of noise, how can I fix this?
I've had my mac for less than a month and for the first time I put in a disc. I can hear a laser sort of noise as well as the disc flapping about or a motor sort of sound? Sounds really bad to me :/
Someone please help!Sounds like a hardware issue.
Did you buy the system from Apple? If so how recent is recent? If it is new you have 14 days to return it, not sure what the situation is with refurb systems. If it is over 14 days you should still have warranty support make an appointment at an Apple Store or contact Apple support.
If you bought it from someone other then Apple you will need to contact them.
good luck
regards -
Okay, I know they're cheesy, but I was wondering if anyone knew how to get iDVD templates into FCP and if they're key-able once they're in? Or, if anyone has any tips on where else to get some fun templates? I know FCP has a lot of transitions, but I don't know about moving masks or anything.
I'm specifically thinking of the one that has the vertical bars sliding back and forth across the screen. I don't have After Effects or Motion, so I was just cropping slugs into bars and keying them around, but it seemed kind of silly. Any better ideas?
Thanks,
Ariel.
1 Dual 1.8 GHz PowerPC G5, 10 1.25 GHz PowerPC G4s Mac OS X (10.3.9) 3 LaCie Big Disk Extremes, FCPHD 4.5You can copy the .mov files out of iDVD 4.x themes.
You will need to go to iDVD application and do a control-click and slide down to Show Package Contents. Then open the Contents folder and then Resources Folder.
Find the theme you want, I'll use 000_Theater.theme as example. Control-Click on 000_Theater.theme and slide down to Show Package Contents. Hold the option key down and drag the BackgroundMovieNTSC.mov to your desktop. (the option key will copy the file to desktop so you don't mess up the original theme) This is a QT file that you can now put into FCP.
The only problem is that the movie is 640x480 and not the 720x480 format that FCP uses. -
How to convert Templates into tables under Smartforms
Hi Gurus,
I need to print internal table data onto a Template. But I'm wondering as how to convert a Template into Table. It is very urgent.
Answers are rewardable.
-Syed.Hi ,
Why do you wantto use templates as table control .
You should use table control in place of template to dipslay contents of an internal table .
To use table control as template put template inside a loop . Im not sure it works or not .
Regards -
I have used the resume tablet and put my resume into format but when emailing it, it will not open on windows. How can I change the format to where they will be able to open and view it?
I guess you mean one of the resume templates.
What "format" have you saved your finished resume in?
The only formats a Windows user will be able to open are .doc (Word), .pdf and rtf. The 1st 2 are usually the best.
There is no Windows version of Pages.
Peter -
Cannot get footer div to be inside Wrapper DIV, without setting wrapper height
I have a wrapper that contains everything on the page in the HTML code, and yet the footer displays outside of the Wrapper DIV. I've tried floating the wrapper DIV left and it then contains the footer, but the unwanted side effect is that the wrapper moves in which direction I float it instead of being where i need it to be, equidistant from either side of the browser window. I've tried overflow hidden, but that's not working either. Thanks.
#wrapper {
width: 1000px;
margin-right: auto;
margin-left: auto;
background-color: #FFF;
overflow: hidden;
height: 2000px;
#footer {
clear: both;
float: left;
height: 200px;
/* [disabled]margin-top: 50px; */
background-color: #336699;
width: 100%;Why is your footer floated left?
Basic 2-column Layout (view source to see the code)
http://alt-web.com/TEMPLATES/CSS-Basic-2-column-layout.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Unable to import the excel template into form in HFM
Has any one came across this issue that I am facing now?
I have a form in HFM and I exported the form to Excel and the export works fine. but when I import the excel template into form, it was not successful. I have 250 rows in the template. I deleted 50 rows and tried to import and it worked fine . Is there any row limit on this?
Below here is the error message that I am getting
An error occured. Please contact your administrator
Error Number: - 2147467259
Error Description:007~Unexpected error~The function returned |.
Error SOrce: request Object
Page on which error occured:/hfm/data/processImportWdeffromExcel.asp
I appreciate any ideas on thisWhat version of HFM and Excel?
Make sure you honor the file extension requirements for 2007 docs and import the same as they are exported. -
How to take data from HTML Template into BSP Variable?
hi all,
can we take the data from the input field of HTML Template and collect into BSP variable? i have the shown the HTML Template into BSP page by passing the url in <IFRAME> tag now i have to take the data form the into field of HTML Template and save it back to the BSP table onclicking the Save button of BSP Page. please help me out thanks in advance.
Thanks & Regards,
AmolHi Amol,
This is very simple....
In the onInputProcessing event of the page use the following code to read data from the InputField into an ABAP variable...
Then you can use it at will..!
Code is :
data : event TYPE REF TO if_htmlb_data,
but_event TYPE REF TO cl_htmlb_event_button.
event = cl_htmlb_manager=>get_event( request ).
IF event->EVENT_NAME = 'button' and event->EVENT_TYPE = 'click'.
but_event ?= event.
CASE event->EVENT_ID.
when 'your_button_id'.
data : lw_inf type ref to cl_htmlb_inputfield.
lw_inf ?= cl_htmlb_manager=>get_data(
request = runtime->server->request
name = 'inputField'
id = 'your_inputField_id' ).
if lw_inf->value is not initial.
lw_variable = lw_inf->value.
endif.
ENDCASE.
ENDIF.
Maybe you are looking for
-
How can I change apostrophe & quote from curly to straight. I'm using Word.
I'm using a brand new Mac book Pro with word loaded in it. The curly quote marks and apostrophes mess up my feeds and translate as question marks inside of dark diamonds. I know this can be fixed because my 2007 mac book pro did the same thing regard
-
What is the best way to zero a 'custom voltage with excitation' sensor from the front panel?
What is the best way to zero a 'custom voltage with excitation' sensor from the front panel? Thanks for any help
-
How can I create cd from IPhoto pictures
How can I create a cd from my IPhoto pictures?
-
ITunes 11.x crashes when I try to watch video on network shared library
I upgraded to 11.1.32 today in hopes that it would fix my issue, but no dice. I run a win8 laptop and iTunes 11.1.2.32. I am accessing a shared library on a NetGear Stora NAS device. Music works fine, but when I try to view one of my videos the iTune
-
Exported audio is high pitched rather then normal
After i edit a sound clip cutting and moving them around. Everything sounds normal and good, but once i export the audio clip and play the exported file. It sounds like its playing twice as fast and speed up. I don't know what to do. Can someone plea