Make a background photo that will resize to the users browser size

I'm trying to create an effect like this in Iweb:
http://neistatbrothers.com/
You'll notice that the background image resizes to the browser size.
I have read threads like that say to edit the HTML from "Scroll" to "Fixed"... that doesn't seem work.
THIS website is NOT what I am looking for.
THIS website is NOT what I am looking for.
Thanks!

Thanks Wydor,
I'm trying to decode this very elegent and cryiptic answer. I am an iweb user after all so I need a few more baby steps. I'm going to try and over-communicate to clarify. This response is long, but I appreciate your help.
The link that you sent me (the way that page looks) is exactly what I am looking for.
So I'm assuming that this is the code I will need :
<script language="JavaScript" type="text/javascript">

</script>
And of course changing the image title and folder.
From iweb I have downloaded my "site" to a local folder where I can edit the HTML files from Dashcode 3.0.1.
The code looks like this for that page which I have titled "Blank", the Image I want to use is titled "SNV33631.jpg" :
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="Generator" content="iWeb 3.0.4" />
    <meta name="iWeb-Build" content="local-build-20110920" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="viewport" content="width=700" />
    <title>Blank</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="Blank_files/Blank.css" />
    
    
    <script type="text/javascript" src="Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
    <script type="text/javascript" src="Blank_files/Blank.js"></script>
</head>
<body style="background: rgb(255, 255, 255) url(Blank_files/SNV33631.jpg) repeat scroll top left; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; background: transparent; text-align: left; width: 700px; " id="body_content">
        <div style="margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 35px; margin-top: 0px; opacity: 1.00; position: relative; width: 630px; z-index: 1; ">
            <div id="widget0-navbar" class="navbar">
              <div id="widget0-bg" class="navbar-bg">
                <ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>
</div>
</div>
          </div>
          <script type="text/javascript"><![CDATA[//><!]]></script>
          <div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
        </div>
        <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div style="height: 1px; width: 630px; height: 1px; left: 35px; position: absolute; top: 3px; width: 630px; z-index: 1; " class="tinyText">
            <div style="position: relative; width: 630px; ">
              <img src="Blank_files/shapeimage_1.jpg" alt="" style="height: 1px; left: 0px; position: absolute; top: 0px; width: 630px; " />
            </div>
          </div>
        </div>
        <div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div style="height: 480px; line-height: 480px; " class="spacer"> </div>
        </div>
        <div style="height: 150px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
        </div>
      </div>
    </div>
</body>
</html>
My question are as follows
1: Where do I paste the code you gave me.
2: do I need to reformat or add modifiers like, "<" or ">" to it because it is Javascript not HTML code.
3: do I paste it in the "Index" file or the "Blank" file.
Thanks

Similar Messages

How to make a java program that will give you the list of files in the dir

How can you make a program in java that will list all the files in a directory with out useing the File,FileWriter,FileReader,InputStreamReader,FileInputStream,RandomAccessFile etc. classes

What is with these instructors? So far today I have
seen
Do something 100 times, but don't use a loop
Format numbers, but don't use NumberFormat
and now this.
What are these people trying to teach?
Java??? I don't think so.Perhaps it is because these instructors are learning Java at the same time as their students. They are only one chapter ahead of the students. :(

How do I make a web page that changes every time the user refreshes it? Is it possible in Muse?

Hi, i'd like to make quite a simple website where the main text in the centre of the page changes every time the user refreshes the page in their browser. I assume i'll have to make one master, and multiple pages that are all the same except for the changes in the text, but i'm not sure how to make it so that every refresh directs to a different page and not just the home page? Is this even possible in Muse?
This is an example of what i'm going for: :: procatinator ::
Thanks!

You can't do it with Muse alone. Would probably be fairly simple to do with a bit of Javascript. Check the widget directory as it is possible someone has made a widget for random content. If not, maybe I will make one this weekend. ;-)

Site that automatically resizes images based on browser size

Hi. I need to make a site that automatically adjusts the size of the images based on the browser size, but keeps the image quality. Does anyone know how to do this without using flash?
I basically want the site to perform like [http://www.shotview.com/|http://www.shotview.com/] . Thanks for your help.

first time accessing website get screen size info using javascript and then redirect to next page and store screen size info into session. then, when requesting pictures from browser use custom servlet, mapped to image extension, that renders images to different resolution.

How do i make a form that will tell me the difference between 2 figures?

how do i make a form that will tell me the difference between 2 figures? ie: the jan. value of account is 32,010 and feb value is 34,013 and march value is 31,089 i would like it to tell me the difference automatically... whichever it is bigger or less... i am sure that this is possible... but i am a complete newby to all of this and could use some help...
jan = 34,013
feb = 34,013
march = 31,089
etc...
etc...

panahead wrote:
i guess what i am trying to make is a form that will automatically calculate the difference in my investment account each month... and sometimes it goes up and sometimes it goes down... but having the difference calculated for me (without the possibility of me making a mathematical mistake) and then also giving me the percentage would be what i am looking for....
Numbers will do the calculations, but it doesn't read minds.
The formulas shown in my previous post assume a table arranged like the example below:
The results in the bottom three rows (Apr, May and Jun) are correct for the simple formulas given and for the data entered in the Amount column as the empty cells are evaluated as containing zero. In practice, you would want a formula that suppressed the calculation until something was entered in that row of the Amount column. That's easy enough to add, should you think doing so will be useful.
But it won't make Numbers read your mind.
Regards,
Barry

Looking for a drum loop app that will run in the background. What are you using?

Looking for a drum loop app that will run in the background. Suggestions? What are you using? I tried Loopseque and I like it, but I can't make it run once I switch apps. Help please.

That's definitely strange, kzmidge. I want a working phone in your hands though. I noticed you mentioned you received the suggestion to complete a reset. Did you already do that? Is it working again? Are you receiving an error message?
If you hesitated a little longer to complete the reset, you can try to place your phone into Safe Mode http://vz.to/rxg0ii and see if you can access mobile sites from your browser. This mode will stop 3rd party applications from running, so you won't be able to use the apps you mentioned but we may be able to narrow down the trouble in Safe Mode. If the mobile sites work, that means the trouble may be in a recently downloaded application and you may be able to avoid the reset my uninstalling some of your more recently installed applications. If it's still giving you trouble, the reset http://vz.to/18wzOCi is the next best step.
JenniferH_VZW
Follow us on Twitter www.twitter.com/vzwsupport

Once you dropped your iPhone, will the quality of new photos that will be captured be affected once you took a new ones?

Once you dropped your iPhone (no damage), will the quality of new photos that will be captured be affected once you took a new ones? Can someone give advise? Just wondering if that would affect my iPhone. I dropped it once without case. I'm using an iPhone 5s.
Kind Regards,
Zaldy

Not quite clear about the question. Does the camera take pictures in lower quality after you dropped the phone than before? In that case the camera might be damaged and your phone needs to be serviced:
Apple - Support - Service Answer Center
Some more things to try before that:
Camera
Camera isn't functioning or has undesired image quality
If the screen shows a closed lens or black image, force quit the Camera app.
If you do not see the Camera app on the Home screen, try searching for it in Spotlight. If the camera does not show up in the search, check to make sure that Restrictions are not turned on by tappingSettings > General > Restrictions.
Ensure the camera lens is clean and free from any obstructions. Use a microfiber polishing cloth to clean the lens.
Cases can interfere with the camera and the flash. Try gently cleaning the lens with a clean dry cloth or removing the case if you see image or color-quality issues with photos.
Try turning iPhone off and then back on.
Tap to focus the camera on the subject. The image may pulse or briefly go in and out of focus as it adjusts.
Try to remain steady while focusing:
Still images: Remain steady while taking the picture. If you move too far in any direction, the camera automatically refocuses to the center.
Note: If you take a picture with iPhone turned sideways, it is automatically saved in landscape orientation.
Video: Adjust focus before you begin recording. You can also tap to readjust focus while recording. Exiting the Camera application while recording will stop recording and will save the video to the Camera Roll.
Note: Video-recording features are not available on original iPhone or iPhone 3G.
If your iPhone has a front and rear camera, try switching between them to verify if the issue persists on both.
copied from Troubleshooting iPhone hardware

What is maximum number of photos that will display in a slideshow

I share photos from iphoto album. What is maximum numbers of photos that will show in any one album?

If you are referring to the screensaver, it will vary but typically around 100.

Is it possible to make a reflection of an image that will change with the image? [was: Reflection]

Is it possible to make a reflection of an image that will change with the image?

normfb wrote:
I believe that a Smart Object will solve your problem.
place your original image in a new file as a smart object and do the same for the reflection (made by Transforming, reducing the opacity and introducing a mild horizontal motion blur) on its own layer, then:
by double clicking on the smart object in the layers panel and returning to the original image, any change you make in the original and save, will automatically update the upright image and its reflection.
Nice one Norm. Five Kudos points to you.

Series of photos that will auto-play

I'm making a web site where the homepage will have a series
of photos that will play in random order. Can I do that in
Fireworks or Dreamweaver CS3 or did I need to puchase Flash?
The effect I'm talking about is something like what you see
on this page:
http://www.has.vcu.edu/wld/index.html.
I will appreciate any leads you can give me. Thanks!

academicweb wrote:
> I'm making a web site where the homepage will have a
series of photos that will
> play in random order. Can I do that in Fireworks or
Dreamweaver CS3 or did I
> need to puchase Flash?
>
> The effect I'm talking about is something like what you
see on this page:
>
http://www.has.vcu.edu/wld/index.html.
>
> I will appreciate any leads you can give me. Thanks!
>
You can check out the Slide Show Command in FW: Commands >
Create Slideshow
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
See my work on Flickr
http://www.flickr.com/photos/jim_babbage/

How can I create a group of 5x3 buttons with a drop down meny that will slide down the 5 boxes beneath in Muse?

I am making a porfoliosite in Muse, and want to show 5 x 3 thumbnails of my work that you can click on to see more of the same work. When you click I want a drop down box that will slide down the boxes beneath. Like on this page: http://rajoon.com/. Anyone that know how?

Have you considered using CSS styled text/list menus instead of image rollovers. It isn't hard really and it's actually a much better choice for web accessibility and for search engines to find and follow your links. Here are some links to several CSS menu systems you can try:
CSS Express Drop-Down Menus (tutorial)
http://www.projectseven.com/tutorials/navigation/auto_hide/
CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus (download)
http://www.highdots.com/css-tab-designer/
List-O-Rama (DW Extension)
http://www.dmxzone.com/go?5618
CSS Menu Maker (On-Line Menu Generator)
http://www.cssmenumaker.com/
Pop-Menu Magic2 by PVII (DW extension purchase)
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

I have a Mac OS 10.6.7 that will not activate the scanner option on a C7280 HP All in One Printer, Fax, Scanner - the Printer works fine but the scanner does not - any suggestions?

I have a Mac OS 10.6.7 that will not activate the scanner portion of an HP C7280 All in One - prints fine - but won't activate scanner.

I have the same problem with an HP Scanjet 8250 and my Epson Stylus NX400. I have reloaded allegedly updated drivers. I have researched using SANE. Neither scanner wants to work since the OS X10.6 update. I have found very little out there about this problem.
Can anyone help me make these bricks work? Really would like a solution that won't cost me hundreds to replace the equipment. Thanks so much.

New to the Apple and I want to set up a user account that will not delete the guest users files and allow and preserve their personal settings after log out. Is this possible?

New to the Apple and I want to set up a user account that will not delete the guest users files and allow and preserve their personal settings after log out. Is this possible?

The built-in guest user account will not do this. Simply create a new standard account and call it "Guest" or "Guest Users" or whatever you like.
Go to System Preferences > Users& Groups, click "+" to make a new account.

Can you build a battery for iphone that will last till the end of the day?

Can you build a battery for iphone that will last till the end of the day?

No, I can't. I've never taken any classes in either electrical or chemical engineering.
While you're looking for someone who can, you may want to try searching the forums for the many other threads that give tips on extending your battery life (things like turning off Background Refresh). You may also want to look at battery cases such as those made by Mophie.
Best of luck.

Is it possible to make a shopping cart that only sends me the info

I'm trying to make a shopping cart that only sends me the info for my photography site I then deliver the photo to the client in person

Hi,
Please take look to this thread, might be helpful
shopping cart without payments.

Make a background photo that will resize to the users browser size

Similar Messages

Maybe you are looking for