2 background images inserted in to your site

I've seen a lot of sites with greater than 1 background images. How can I do with Dreamweaver CS3?
I am very curious, and I need to know how to do this. I am a newbie. Please don't give me horrible instructions. If you could please just give me a link to a tutorial or it's very simple, just tell me how to do it =]

If you use CSS to style your web pages, you can have a different background
image in each of the Divisions of your CSS. For example, you can use a
background image in the body of your page and repeat the image horizontally
and vertically. You can then use another background image on your page
#content area and the other in your #Footer yet.

See this demo - bringing the image slices in a CSS based page layout.
http://ALT-Web.com/demos/image-slices-in-a-CSS-based-layout.shtml

HTH,

--
Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
www.Alt-Web.com/

Tags: Dreamweaver

Similar Questions

  • Site wide background image

    I am trying to create a background image no rehearsal for my site but after following these steps I always can not see an image in the background. Here's what I did.

    1. first of all, I created a new text file named "background.css". In this file, I placed the following code.

    {body

    background: url ("http://www.mywebsite/pools/images/backgrounds/blue_sky.jpg harper") 50% 50% no-repeat;

    }

    2. I then added the following code between the head of <>< / head > tags in the index.html page.

    " < link rel = StyleSheet href = ' http://www.mywebsite/Harper " pools/css/background.css" type = "text/css" >

    3. then I placed the background image in (harper pools/images/backgrounds/blue-sky.jpg)

    4. Finally, I downloaded everything, but I can't see a background image.

    If anyone has an idea of what is wrong, I would be happy. Thank you.

    Comp. 792 wrote:

    but white is always behind the menu.

    Try this style on line 231:

    #header. menu.classic > ul {overflow: visible;}     background-color: transparent; }

    Add article: background-color: transparent.

    G/L

  • Background image at the top by aligning left on Air iPad

    I've built a new site which is in testing and I find that the masthead Images are all align to the left, off the screen on my iPad Air, Safari and Google Chrome.

    Site: www.bikramyogarichmond.com.au/test.html. You'll need to post it on an iPad or tablet to see the bug.

    The site is designed with a version of office (which also applies to the version of the Tablet) and a Mobile version.


    Images are inserted by a 100% width design box then the box to fill with the grey background color and a background image insertion.


    All images are:

    • 2440w x 840 h
    • Size of origin, lined up at the top center.
    • 2 images are not aligned Center (first page of time - aligned top right) (FAQ page and others with the same image - left-aligned at the top)

    Web site is built with the HiDpi option.

    When I test the site on my iPad Air images are aligned to the left, with most of the images cut off the screen.

    Any help appreciated.

    CY

    Please check if there is any element go outside the bounds of the page.

  • How to project an image on a background image?

    Hello

    I'm looking for help with the projection of an image to another image.

    arsenal_home_top_banner.jpg

    I'm looking for an effect similar to the picture above where it looks like the image of the player as (physically) was screened on the tunnel.

    Looking carefully at the details of the image you can see the projection fits the contours of the tunnel that is on the frame. That's what I specifically need help with. I know how to superimpose one image on another using layers, but it does not really give a three-dimensional perspective and seems rather flat.

    Any help or advice would be greatly appreciated. Thank you

    Ravi.

    Hi Ravi-

    Could you post what you did until now and include your layers panel expanded? Images of the source would be useful, if possible!

    One thing you might try is creating a displacement map of your tunnel background image and then wrap your image overlay for her. The tutorial video below shows you how:

    Beside that, you can just spend time refining your image to create a realistic recovery. This includes the setting of lighting, but also distort your image superimposed. Have you tried using Edit > transform > Perspective to align your image of the tunnel? Other tools of transformation as the deformation and distortion could also be useful.

    I look forward to helping you this effect!

    See you soon,.

    Kendall

  • How this guy do this with its background images?

    In the following example, the background image stretches to fill your screen in real time (try resizing browser on the fly), but retains its proportions intact throughout. I didn't even know it was doable.

    Can someone tell me how this is done?

    http://www.serialcut.com/

    Click options in the upper left to see other background images in action. The transition effect is not important. I am referring strictly to the properties ' full page + kept proportions "of these environments.

    Is there a tutorial somewhere for that?

    It seems they did a custom jquery plugin.  The problem is that eventually even with their method, the images have a limit.  Their image is 1920 x 1108.  So they made up a 1080 display.  After that the image could not be resized.  But to have the image resized, you must load the large image for all users regardless of their resolution of the screen.

    The following link seems to have a similar distribution of jquery:

    http://johnpatrickgiven.com/jQuery/background-resize/

  • Muse automatically optimizes the images that you download for the background on your site?

    Muse automatically optimizes the images that you download for the background on your site?

    Oh, thanks a lot for this. Do you know what the height and width

    increments are for Muse? It is said in my page attributes that the height is

    660 and the width is 960. How does that translate in Photoshop?

    Amy

  • Change the background Image on a Page of a Site.

    CSS of my site has a background image set. I need to change the background image on a page, which has a feedback form.

    I tried a number of different positions for the insertion of the image, but nothing helped. I tried to go in the rule for div id = 'background', and change is here, but it affects all pages. So, I guess that I must write a new rule?

    Here is the code:

    < div id = 'background' >

    < div id = "items" >

    < h2 > Heard! < / h2 >

    < p > < a href = "index.php? status = pending" > waiting for < /a > < a href = "index.php? status = planned ' > under < /a > < a href =" index.php? status = declined "> refused < /a > < /p >" "

    < ol >

    <? PHP {? >}

    < li > < strong > <? PHP echo $row_Getclan ['title'];? > < / strong > < br / >

    <? PHP echo $row_Getclan ['content'];? > < br / >

    by

    <? PHP echo $row_Getclan ['author_name'];? >, to <? PHP echo $row_Getclan ['created_at'];? > < /li >

    <? PHP} while ($row_Getclan = mysql_fetch_assoc ($Getclan));? >

    < /ol >

    < p > < a href = "<?" PHP printf ("%s? (pageNum_Getclan = %d %s", $currentPage, max (0, $pageNum_Getclan - 1), $queryString_Getclan);? > "> previous view < /a > <?" PHP echo ($startRow_Getclan + 1)? >... <? PHP echo min ($startRow_Getclan + $maxRows_Getclan, $totalRows_Getclan)? > on <? PHP echo $totalRows_Getclan? > < a href = "<?" PHP printf ("%s? ("pageNum_Getclan = %d %s" %s "$currentPage, min ($totalPages_Getclan, $pageNum_Getclan + 1), $queryString_Getclan);? > "> Next < /a > < /p >"

    < / div >

    < div id = "crΘer" >

    Speak < h2 > < / h2 >

    < do action = "<?" PHP echo $editFormAction;? ">" method = "post" name = "form1" id = "form1" >

    < table align = "center" >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > title: < table >

    < td > < input type = "text" name = "title" value = "" size = "32" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" valign = "top" > content: < table >

    < td > < textarea name = "content" cols = "50" rows = "5" > < / textarea > < table >

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > votre_nom: < table >

    < td > < input type = "text" name = "author_name" value = "" size = "30" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > Your_email: < table >

    < td > < input type = "text" name = 'author_email' value = "" size = "30" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > < table >

    < td > < input type = "submit" value = "Insert file" / > < table >

    < /tr >

    < /table >

    < input type = "hidden" name = "MM_insert" value = "form1" / >

    < / make >

    < / div > < / div >

    Thank you.

    div id = 'background' will work for all pages related to a style sheet.

    The best way to do what you want is to re-register your stylesheet with another name. So for a page, link to this new stylesheet. Then, in the style sheet, change the background image. It was easy.

    The only way to do and keep a style sheet is change the designation of the div tag that has your training, to something like the div id = 'backgroundCommon' and then create another div for just one page as div id = "backgroundSpecial".

    Then in your style sheet, copy the description of div and rename it backgroundSpecial and then call on just the single page, with the other pages making up the backgroundCommon.

    Make sense?

  • How to add a background image to a flash site?

    Hello.

    I created a site in flash to 960 X 600 pixels.

    I have a JPG image I want to use a BG to fill the browser page.

    I can edit the index.html file. Should it be inserted here? the name of the BG is bg.jpg

    Thank you

    Gil.

    Looking for css parameters available for the tag body wrt images...

    Body {margin: 0; padding: 0; overflow: hidden; background-image: url (pathToImageFile.jpg) ;}}

  • Missing on the site downloaded in DW8 background image

    Can anyone help?

    I created a background image of website in Photoshop, edited in Image Ready, saved as optimized, open in Dreamweaver, made a few additions, recorded and downloaded. When I do a preview within Dreamweaver, everything seems perfect. However, when I go to view it on the web, everything except the background image which is a gif file. Can you tell me why this is happening? If you want to see a sample page, go to www.keystonemkg.com/index3.html thank you.

    It points to your hard drive...


    width = "700" height = "800" border = '0' well = "#Map" >

    It seems that you have not downloaded. You have set your site correctly?

    --
    JO

    "Kevin E." wrote in message
    News:fndfft$38V$1@forums. Macromedia.com...
    > Can anyone help?
    >
    > I created a website in Photoshop, edited image in Image
    > Ready,.
    > Saved as optimized, open in Dreamweaver, makes a few additions, saved
    > It
    > and transferred. When I do a preview within Dreamweaver,
    > appears
    > perfect. However, when I go to view it on the web, everything seems
    > except for
    > the background image which is a gif file. Can you tell me why this is
    > happening? If
    > you want to see a sample page, go to www.keystonemkg.com/index3.html
    > Thank you.
    >

  • How can I get a background image sensitive identical to the junction College Web site?

    Hello!

    I tried hard to figure out how to get the same effect that has College Junction - home - daily well-being all together . More specifically, the ability to resize the window of my browser and have scale of the background image to size without image quality loss. I have a 1920 x 1034 image. The width of my page is fixed to 800px. Then I fill an object with my image (suitable size) and apply the function of width of 100%. When I saw these settings in the browser, I'm able to resize the upper window of the page of 800px with desirable effect of the image scaled to fit the browser BUT the image loses quality (resolution).

    I bought the QooQee Widget: Smart 1.1 and I'm able to do a little bit reactive recess with her, but I have not found a way to create the same effect as the junctions of college. The best I can do is create an effect similar but end with gray side bars when I resize the browser to one size other than the proportions of the image. (see below)

    site iamge.PNG

    It was a little maddening for me. I have to do something wrong. Maybe my page properties were not correctly setup? Any help would be appreciated, thanks!

    More specifically, the ability to resize the window of my browser and have scale of the background image to size without image quality loss.

    There is no such thing, and there may be - for simple mathematical reasons. The web site that you referenced uses magical, just a very large image (oversized) that most of the browsers is not displayed to the maximum size one way or another. It's an illusion at low cost. The only other factor is the pixel, scaling the browser and in the case of Chrome algorithms, they are dependent on the GPU acceleration, so it's more likely something is wrong with that, if you really see the degradation.

    Mylenium

  • Why my colors and background image disappear when I saw my site?

    When I check the preview I got the warning saying that some files in my being incorrect or missing on the server. I've been using hexadecimal codes for colors, and my background image does not load. The rest of my content loads perfectly well. Help?

    Hello Monicagrace,

    At what stage you get this error?

    When you click Preview with Muse, on file > Site overview in the browser?

    Are you the same error when publish you on BC? To check this you can publish British Colombia by clicking file > publish to Business Catalyst.

    So what is happening locally (preview or preview in the browser page) then I you advise to clear cookies and cache of the browser and then try to preview.

    Kind regards

    Vivek

  • How to insert a background image in VGroup in Flex Mobile

    I want to insert a background image for the VGroup. Help out me. I'm new to Flex!

    I use this code in the Flex Mobile Application *.

    < s:VGroup height = "100%" width = "100%".

    paddingTop = "10" paddingBottom = "10" paddingLeft = "10" paddingRight = "10" >

    < s:List id = "homeList" height = "100%".

    labelField = "title".

    dataProvider = "{Homearticles}" >

    < s:layout >

    < s:TileLayout requestedColumnCount = '1 '.

    verticalGap = "5" / >

    < / s:layout >

    < s:itemRenderer >

    < fx:Component >

    < s:ItemRenderer >

    < s:VGroup >

    < s:BitmapImage source = "{data.source}" / >

    < s:Label text = "{data.title}" / > "

    < / s:VGroup >

    < / s:ItemRenderer >

    < / fx:Component >

    < / s:itemRenderer >

    < / s:List >

    < / s:VGroup >

    I don't think that you can add a background image to a VGroup directly, or VGroup can be skinned.

    As much as I know there are probably 2 solutions

    (1) use a SkinnableContainer skin rather the container to have a background image and set its layout to VerticalLayout

    (2) place the VGroup one group with a BasicLayout. You can then add a background image for the Group and the overlay VGroup

  • How to add an image that will be displayed with your site URL and a description of the site?

    Therefore, when you post a link to a Web site like Facebook, etc, your site description appears automatically with the link. I wonder how make an image pop up as well. I want to just my logo to appear alongside my URL and site description. How do you do that in Adobe Muse?

    For the purpose of using labels Opengraph, consult a similar thread here - http://forums.adobe.com/thread/1182849.

    Thank you

    Vinayak

  • Background image different (div) on every page of the site complicated by model

    Hope I can explain this: here are the details

    -With the help of Dreamweaver cs5.5

    -Make a model pages.

    -Each page will have a different background image; but the image is contained in a div tag (name of the div is .mainbackground) happening behind the main core of the site, the image is not in the < body >
    -The .mainbackground div is EDITABLE
    -J' already have a css specific class to assign to this div on each page, so that the image is different on each page.
    -On the template page, the .mainbackground div has no class assigned image (so no background image)

    -Because this div is editable I can then go into each page and set it to the desired - image class works very well.  Except that... and this is my main question:

    -In the code, all other regions are listed IN THIS above mentioned div of .mainbackground SO that means that:

    -If I need to update the structure of the pages I have to remove the editable area that controls the background image that would be - remove editable .mainbackround area.  Then go back to my template, make changes and save everything - so any changes will carry through to my other pages.  It's good and bad, because I'd get all the structural changes, but I also let go of all the text specific to these pages.

    - Then when I'm finished I have to go back and first add a combo box to the .mainbackground class and then reapply the background to the .mainbackground classes to fix the images on the pages again...

    The site is very small so I can deal with it, but I'm going about this all wrong?


    Is there a template feature that I don't get?  I would like to continue using the template feature, and I don't want a different photo on each page...

    I've attached a picture showing a page that you can see the background image - which will be different on each page.screen shot for adobe forum.JPG

    So the next solution does not change the CSS if necessary? :

  • How to allow visitors to change the background image of my site?

    Hello.

    I wanted that my visitors to be able to change the background image to another image. Already, I know how to do it with the colors but doesn't seem to work wih images. You are able to do this on Google, but can not seem to find it anywhere online. I just want it to change while the visitor is on the site. for example

    1 visitor - context changes to-myarea.jpg

    2 visitor - context changes to-my cat.jpg

    and so on...

    This would not change the site forever, just at the point where the visitor is about it.

    Concerning

    Leon

    Here are a few ways to do this:

    Option #1:

    You'll need a JavaScript script and an array on the page background images.

    An example of work below.  View source in the browser to see the code.

    http://ALT-Web.com/BG-img.html

    Option #2:

    Create more than one style sheet with different colors and background - images of the body.

    Create a selector of stylesheet like this with jQuery

    http://www.kelvinluck.com/assets/jQuery/styleswitch/toggle.html

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

    http://Twitter.com/ALTWEB

Maybe you are looking for

  • 3 844 duplicate photos

    Hello!Software "Duplicate Detective" tells me that I 3 844 double and photos of personal videos on my hard drive. Half are buried in a Library/photos / subdirectory and the other half are in a /iPhoto Library/ subdirectory. Can not know that double-d

  • BlackBerry Torch 9800 smartphones does not open links

    After that OS recently upgraded to the current OS v6.0.0.600 my email such as hotmail browser spawning links embedded in an email.  The link is hot and can be clicked and opened, but disobeys automatically as it did on older versions of OS.  Now here

  • Source NAT configuration

    I need to set up a vpn tunnel to a remote site.  Both our location and the remote location using the address 10.x.y.z scheme.  The remote end gave a net 172.16.6.0/27 to a destination network.  How to configure ASA5510 on my side to create the tunnel

  • How can I get rid of the ugly background of Seattle on the splash screen?

    The start screen makes me crazy, is it possible to change it?

  • Before and after Image Slider widget will not be displayed in the lightbox display composition

    So my project involves a major project gallery page containing several compositions display lightbox that trigger when click.For some reason any when I add the widget before/after Image Slider Muse - Themes in the lightbox, the widget will not be dis