CSS Background Image - Newbie needs help

Good Afternoon,
I'm trying to place a background image in the body of my
page. Pasted below is the code:
Questions:
1. When viewed in the browser, only part of the image can be
viewed, and no vertical scroll bar is available to view the bottom
portion of it. Is there a setting to toggle such that the entire
image can be viewed?
2. As part of the background image, I have text that I want
to use as hotspots for links to other pages in the site. Do I need
to place a table or use some other technique to enable use of
hotspots?
Thanks from a very Green Newbie.
Sid

> 1. When viewed in the browser, only part of the image
can be viewed, and
> no
> vertical scroll bar is available to view the bottom
portion of it. Is
> there a
> setting to toggle such that the entire image can be
viewed?
Background images will never force scrollbars.
> 2. As part of the background image, I have text that I
want to use as
> hotspots for links to other pages in the site. Do I need
to place a table
> or
> use some other technique to enable use of hotspots?
Yes. You cannot put hotspots on background images. Be aware
that this is
the worst (well, publishing a page made in Microsoft
Word/Publisher is the
worst) way to make a web page.
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
==================
"Sid Childers" <[email protected]> wrote in
message
news:eksuka$56i$[email protected]..
> Good Afternoon,
>
> I'm trying to place a background image in the body of my
page. Pasted
> below
> is the code:
>
> Questions:
> 1. When viewed in the browser, only part of the image
can be viewed, and
> no
> vertical scroll bar is available to view the bottom
portion of it. Is
> there a
> setting to toggle such that the entire image can be
viewed?
> 2. As part of the background image, I have text that I
want to use as
> hotspots for links to other pages in the site. Do I need
to place a table
> or
> use some other technique to enable use of hotspots?
>
> Thanks from a very Green Newbie.
> Sid
>
> <style type="text/css">
> <!--
> body {
> background: url(Homepage.jpg) no-repeat;
> }
> -->
> </style>
>

Similar Messages

  • Spry Sliding Panel bugs with Flash SWF, iFrames, CSS background images

    Greetings,
    I'm working on a site right now that is build with Spry 1.6
    Sliding Panels. On the home panel I have integrated a looping SWF,
    and scrolling iFrames on the Overview panel. After extensive
    research on these forums, I'm still scratching my head at a few
    bugs listed below:
    • Firefox (MAC v2.0.0.14)
    - The SWF on the home panel doesn't hide properly when
    sliding to a different panel. I have set 'wmode opaque' parameters
    to the flash file, but this seems to have not resolved the issue.
    - Additionally, I've noticed that sometimes the SWF will not
    finish sliding into the correct position when clicking to the home
    panel (the SWF will stop sliding several pixels left of the
    original positioning).
    - The SWF (which happens to be a loop animation) resets every
    time the home panel is visited. In my testing, this does not happen
    in any other browser.
    - On the Overview panel, scrolling iFrames are used on the
    "Staff Profiles". These iFrames don't hide properly when clicking
    through other panels, as the scroll bars are still viewable.
    - Overall, the sliding animation is a bit choppy compared to
    all other browsers. I can live with this, but I wonder if I have
    improper code somewhere?
    • Opera (MAC v9.27)
    - Same issue as above concerning the fact that the SWF
    appears outside of the sliding panel view port.
    • IE 6
    - CSS background images flash during the sliding panel
    animation.
    * Site page links *
    Main URL
    Home
    Page iFrame
    Overview
    Page iFrame
    * CSS *
    Main
    site-wide CSS
    Sliding
    Panels CSS
    * Scripts *
    Sliding
    Panels Sript
    Any suggestions, pointers would be much appreciated!
    Cheers,
    Chris

    Greetings,
    I'm working on a site right now that is build with Spry 1.6
    Sliding Panels. On the home panel I have integrated a looping SWF,
    and scrolling iFrames on the Overview panel. After extensive
    research on these forums, I'm still scratching my head at a few
    bugs listed below:
    • Firefox (MAC v2.0.0.14)
    - The SWF on the home panel doesn't hide properly when
    sliding to a different panel. I have set 'wmode opaque' parameters
    to the flash file, but this seems to have not resolved the issue.
    - Additionally, I've noticed that sometimes the SWF will not
    finish sliding into the correct position when clicking to the home
    panel (the SWF will stop sliding several pixels left of the
    original positioning).
    - The SWF (which happens to be a loop animation) resets every
    time the home panel is visited. In my testing, this does not happen
    in any other browser.
    - On the Overview panel, scrolling iFrames are used on the
    "Staff Profiles". These iFrames don't hide properly when clicking
    through other panels, as the scroll bars are still viewable.
    - Overall, the sliding animation is a bit choppy compared to
    all other browsers. I can live with this, but I wonder if I have
    improper code somewhere?
    • Opera (MAC v9.27)
    - Same issue as above concerning the fact that the SWF
    appears outside of the sliding panel view port.
    • IE 6
    - CSS background images flash during the sliding panel
    animation.
    * Site page links *
    Main URL
    Home
    Page iFrame
    Overview
    Page iFrame
    * CSS *
    Main
    site-wide CSS
    Sliding
    Panels CSS
    * Scripts *
    Sliding
    Panels Sript
    Any suggestions, pointers would be much appreciated!
    Cheers,
    Chris

  • MacBook - Newbie: Need help on printing wirelessly to XP shared printer

    MacBook - Newbie: Need help on printing to XP shared printer
    Bear with me please. I read tons of articles on this but somehow as a newbie to MAC (girlfriends sick daughter), I am missing something. 10.5.2
    Currently, she can print directly if we plug in the HP Deskjet printer directly via USB to the MACBook. No problem.
    When we first got the MACBOOK I tried setting up the MACBOOK wirelessly to recognize the workgroup where the printer was attached via USB to the Windows XP PC. However it printed out garbage since I did not know there was a difference between XP printing and MAC (Gutenberg/gimp printing/drivers).
    Now I know there is a difference.
    But in reading various instructions, I no longer can find how to connect the MAC to the Windows workgroup. Note we do have a printer set up currently as USB-HP Deskjet on the Macbook (not sure I need to delete it yet).
    I went to System Preferences on MACBOOK and clicked on printers, more printers. In the drop down box was CANON, APPLETALK, IP HP printing and Firewire. There was no WINDOWS selection as I saw in other online web instructions.
    So not sure how to proceed to find a way to:
    1. Connect to Windows workgroup (click on what exactly), step by step please!!
    2. Add correct HP Deskjet 5490 printer (perhaps there is one with Gutenberg or perhaps I need Gutenprint-really not sure what I am talking about)
    Thanks so much in advance. Fiancé's kid has had her cancer recur in a different place and someone was nice enough to buy her a MACBOOK as a gift.
    Sincerely
    Peter

    ccarbery wrote:
    OK...I figured it out...no need to reply.  I noticed that there was another Protocol to use to set up the printer on the Mac, I was using LPD, so I switched it to HP Jet Direct-socket, and it prints fine...thanks.  I am curious as to why LPD wouldn't work; if anyone has that answer I would like to know...thanks
    Any chance of posting the Protocol you used to connect to your printer with your laptop?  I'm have the exact same problem printing from my MB.  Same error message "..is busy".

  • Newbie needs help comprehending CSS Password Manager functions

    Hello All:
    I own a TP W500 4062-27U running Windows 7 Ultimate.  The computer is trouble-free.
    I am seeking a solution to the following need:  An application that will securely remember my passwords for various websites, etc. and enable me to log in using the fingerprint reader or similar.
    I am aware that Lenovo provides both Fingerprint Reader software and Client Security Solution software, but I don't know whether or not either one (or both) of these applications will provide the functionality I am seeking.  I have spent a fair bit of time looking around the Lenovo website, but cannot find a document that describes (in a general, overview manner) the functionality that CSS provides.
    I don't need to log into VPNs, or company networks, or anything really fancy like that - I just need something that will enable me to log into about 20 different websites, using a different password for each website.  Right now, I'm generally using the same password for every website (that way, I can remember what it is), and as I think you will agree, that is probably not a very good practice so far as security is concerned.
    If anyone could point me towards a document that explains how I can get CSS to do what I want it to do, I would be very grateful.  If CSS does not have the functionality I am seeking, I would very much appreciate a recommendation of software - possibly non-Lenovo - that does provide the functionality I am seeking.
    Thanks very much for your assistance.
    Michael

    Hi PanEuropean2,
    Welcome to Lenovo Forum!
    In regard to your question, Client Security Solution (CSS) should be the right fit for you.
    I have a T410 with Win 7, and have several passwords to remember which is really killing me. However, by using CSS, Fingerprint software and Password Manager, I need to enter all the passwords only once when access a website or a tool, and let it saved in CSS.
    The next time i turn on the machine and open up a website which needs user ID and password, I just need to swipe the fingerprint that I've enrolled, then viola!
    Just take note that after the first swipe of fingerprint, tools or website that are to be accessed later will automatically show the password in the box directly without having to swipe fingerprint again. You just need to click to log in. I"m not sure if this is the experience you're looking for, however, no harm to give it a try.
    Here's the user guide for CSS. It has
    Client Security Solution components
    Client Security Solution installation considerations
    Client Security Solution features
    Hope this helps
    Cheers,
    Cleo
    WW Social Media
    T61, T410, x240, Z500, Flex 14
    Important Note: If you need help, post your question in the forum, and include your system type, model number and OS. Do not post your serial number.
    Did someone help you today? Press the star on the left to thank them with a Kudo!
    If you find a post helpful and it answers your question, please mark it as an "Accepted Solution"!
    Follow @LenovoForums on Twitter!
    How to send a private message? --> Check out this article.
    English Community   Deutsche Community   Comunidad en Español   Русскоязычное Сообщество

  • CSS : Background image not appearing on header

    Hi Guys,
    I need help with the background color of my header, for some reason, it's appearing in dreamweaver but NOT in the browser (FF, Chrome)
    If you have firebug, you can check the source from the link below.
    http://oneworldlc.ph/contact.php
    <body>
    <div id="main_container">
      <!-- TOP_NAV-->
      <div id="top_nav">
        <div id="nav">
          <div id="nav_container">
            <ul>
              <li><a href="contact/index.html">Home</a></li>
              <li>|</li>
              <li><a href="#">About Us </a></li>
              <li>|</li>
              <li><a href="#">Company</a></li>
              <li>|</li>
              <li><a href="#">Contact Us</a></li>
            </ul>
          </div>
        </div>
      </div>
      <!-- /TOP_NAV-->
      <div id="contact_banner">
        <div id="contact_logo">
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <h2 align="center">Merging cultural gaps between Americans and BPO centers in the Philippines</h2>
          <p align="center" class="emphasis_red">We provide FREE training</p>
        </div>
      </div>
      <div id="page-wrap">
        <p align="center"><img src="images/contact_07.png" alt="Contact One World Learning Center Inc." width="180" height="44" /></p>
        <p> </p>
        <h1 align="center">One World Learning Center Inc.</h1>
        <p align="center" class="georgia_16px_559cbe">21st Floor, Robinson's Cybergate Tower 3, Pioneer St.</p>
        <p align="center" class="georgia_16px_559cbe">Mandaluyong City 1550</p>
        <p align="center"><span class="georgia_16px_559cbe">Phone: +63 917 887 7424</span><br />
        </p>
        <div id="contact-area">
          <form method="post" action="contact/contactengine.php">
            <table>
              <tr>
              <td> </td>
                <td><em>
                  <label for="Name"  class="left"><strong>              Name:</strong></label>
                  (required)<br />
                  <br />
                  <input name="Name" type="text" value="First Name, Last Name" />
                </em></td>
              </tr>
             <tr>
                <td> </td>
                <td><em>
                  <label for="Tel"  class="left"><strong><br />
                  Contact Number:</strong></label>
                  (required)<br />
                  <br />
                  <input type="text" name="Tel" />
                </em></td>
              </tr>
              <tr>
                <td> </td>
                <td><label for="Email" class="left"><strong><em><br />
                Email:</em></strong></label>
                <em>(required)</em><br /><br /><input name="Email" type="text" value="[email protected]" /></td>
              </tr>
              <tr>
                <td> </td>
                <td><label for="Message" class="left"><strong><em><br />
                Message:</em></strong></label>
                <em>(required)</em><br /><br /><textarea name="Message" rows="20" cols="20">Type your message here</textarea></td>
              </tr>
            </table>
            <div id="captcha-area">
              <?php
                        require_once('contact/recaptchalib.php');
                        $publickey = "6Lcd3AgAAAAAAAshrQD48fz1uOm_KrgeRBEnsU9e";
                        $privatekey = "6Lcd3AgAAAAAALNv3Uga2Pi7tHi08wODv-fsXR_N";
                        # the response from reCAPTCHA
                        $resp = null;
                        # the error code from reCAPTCHA, if any
                        $error = null;
                        # are we submitting the page?
                        if ($_POST["submit"]) {
                          $resp = recaptcha_check_answer ($privatekey,
                                                                  $_SERVER["REMOTE_ADDR"],
                                                                  $_POST["recaptcha_challenge_field"],
                                                                  $_POST["recaptcha_response_field"]);
                          if ($resp->is_valid) {
                             echo "You got it!";
                             # in a real application, you should send an email, create an account, etc
                          } else {
                             # set the error code so that we can display it. You could also use
                             # die ("reCAPTCHA failed"), but using the error message is
                             # more user friendly
                             $error = $resp->error;
                        echo recaptcha_get_html($publickey, $error);
                        ?>
            </div>
            <input type="submit" name="submit" value="Submit" class="submit-button" />
          </form>
        </div>
      </div>
      </div>
    </body>
    Here's the css:
    @charset "utf-8";
    /* CSS Document */
    html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
    pre, form, fieldset, table, th, td { margin: 0; padding: 0; }#main_container #top_nav {
         height: 35px;
         background-color: #000000;
    #main_container #top_nav #nav {
         font-family: Georgia;
         height: 35px;
         width: 940px;
         margin-right: auto;
         margin-left: auto;
    #page-wrap h1 {
         font-family: Georgia;
         font-size: 26px;
         font-style: normal;
    #footer  {
         background-color: #000000;
         color: #FFFFFF;
         text-align: center;
    #footer_owl_cont  p    {
         margin-left: 120px;
    #footer_owl_cont    {
         float: left;
         width: 481px;
         clear: both;
         margin-left: 239px;
         background-image: url(images/owl_footer.gif);
         background-repeat: no-repeat;
         background-position: left center;
         height: 142px;
         color: ffffff;
         background-color: transparent;
    #sidebar #sidebar_cont_2 {
         margin-top: 255px;
    #pitch_container {
         height: 150px;
         background-color: #000000;
         margin-right: auto;
         margin-left: auto;
         color: #FFFF00;
         font-family: Arial;
         font-style: italic;
         width: 900px;
         margin-top: 100px;
    #body_container {
         margin-right: auto;
         margin-left: auto;
         width: 940px;
         padding-top: 30px;
    #footer_owl_cont  .georgia_14px_559cbeCopy  a    {
         color: #FFFFFF;
         text-decoration: none;
    #footer_owl_cont  .georgia_14px_559cbeCopy  a:hover    {
         text-decoration: underline;
    #main_container #top_nav #nav ul li a {
         font-family: Georgia, sans-serif;
         color: 559cbe;
         text-decoration: none;
    #main_container #top_nav #nav {
         color: 559cbe;
         text-decoration: none;
    #main_container #top_nav #nav #nav_container {
         clear: both;
         float: left;
         margin-top: 10px;
    #main_container #top_nav #nav #nav_container a:hover {
         text-decoration: underline;
    #main_container #top_nav #nav #nav_container a {
         color: #559CBE;
         text-decoration: none;
         font-family: Georgia;
    #main_container #top_nav #nav ul {
         list-style-type: none;
    #main_container #top_nav ul li {
         display: inline;
         padding-right: 2.5px;
         padding-left: 2.5px;
    #copyright   {
         width: 940px;
         margin-right: auto;
         margin-left: auto;
         height: 148px;
         color: 559cbe;
    #main_container   #header_container  {
         background-image: url(images/bg_header.jpg);
         background-repeat: repeat-x;
         background-position: center top;
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-bottom-color: #000000;
    #main_container #header_container #header_main {
         height: 354px;
         width: 940px;
         margin-right: auto;
         margin-left: auto;
         background-color: transparent;
         background-image: url(images/header_bg2.png);
         background-repeat: no-repeat;
         background-position: right;
    #main_container #header_container #header_main #submit_cont {
         float: left;
         margin-top: 233px;
         margin-left: 435px;
         font-size: 18px;
         font-family: Georgia;
         font-style: italic;
    #main_container #header_container #header_main #submit_cont a {
         color: #FFFF00;
         text-decoration: none;
    #main_container #header_container #header_main #submit_cont a:hover {
         text-decoration: underline;
    #sidebar {
         float: left;
         width: 380px;
         clear: both;
    #maincontent {
         width: 540px;
         margin-left: 400px;
         font-family: Georgia;
         line-height: 1.6em;
    #sidebar #banner_1_cont {
         height: 235px;
         width: 380px;
         background-image: url(images/banner_1_q1.jpg);
         background-color: transparent;
         background-repeat: no-repeat;
         background-position: center center;
         clear: both;
         float: left;
    #sidebar #banner_1_cont p {
         font-family: Georgia;
         font-size: 13px;
         font-style: italic;
         color: #000000;
         margin-top: 175px;
         margin-left: 15px;
         position: relative;
    #maincontent ol {
         list-style-position: inside;
    #maincontent h3 {
         font-size: 26px;
    #pitch_container ul li {
         font-family: Georgia;
         font-size: 26px;
         font-style: italic;
         line-height: 1.6em;
         color: 1e1e1e;
    I hope you can enlighten me guys, am I missing something which makes it NOT to appear in Dreamweaver?
    Regards,
    Sid

    Thanks for the response Gary. However, the 35px that you're seeing is actually for the #nav. I recreate the css and tried to remove some of the heirarchy thing. Here's the updated copy. I even tried to remove the #main_container. Same thing happens, the bg image is still not appearing? I tried changing the file type to JPG but to no avail. I think I'm overlooking something which is causing the issue.
    @charset "utf-8";
    /* CSS Document */
    html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
    pre, form, fieldset, table, th, td { margin: 0; padding: 0; }#top_nav  {
         height: 35px;
         background-color: #000000;
    #nav   {
         font-family: Georgia;
         height: 35px;
         width: 940px;
         margin-right: auto;
         margin-left: auto;
    #page-wrap h1 {
         font-family: Georgia;
         font-size: 26px;
         font-style: normal;
    #footer  {
         background-color: #000000;
         color: #FFFFFF;
         text-align: center;
    #footer_owl_cont  p    {
         margin-left: 120px;
    #footer_owl_cont    {
         float: left;
         width: 481px;
         clear: both;
         margin-left: 239px;
         background-image: url(images/owl_footer.gif);
         background-repeat: no-repeat;
         background-position: left center;
         height: 142px;
         color: ffffff;
         background-color: transparent;
    #sidebar #sidebar_cont_2 {
         margin-top: 255px;
    #pitch_container {
         height: 150px;
         background-color: #000000;
         margin-right: auto;
         margin-left: auto;
         color: #FFFF00;
         font-family: Arial;
         font-style: italic;
         width: 900px;
         margin-top: 100px;
    #body_container {
         margin-right: auto;
         margin-left: auto;
         width: 940px;
         padding-top: 30px;
    #footer_owl_cont  .georgia_14px_559cbeCopy  a    {
         color: #FFFFFF;
         text-decoration: none;
    #footer_owl_cont  .georgia_14px_559cbeCopy  a:hover    {
         text-decoration: underline;
    #nav  ul  li  a   {
         font-family: Georgia, sans-serif;
         color: 559cbe;
         text-decoration: none;
    #nav   {
         color: 559cbe;
         text-decoration: none;
    #nav_container    {
         clear: both;
         float: left;
         margin-top: 10px;
    #nav_container  a:hover    {
         text-decoration: underline;
    #nav_container  a    {
         color: #559CBE;
         text-decoration: none;
         font-family: Georgia;
    #nav  ul   {
         list-style-type: none;
    #top_nav  ul  li  {
         display: inline;
         padding-right: 2.5px;
         padding-left: 2.5px;
    #copyright   {
         width: 940px;
         margin-right: auto;
         margin-left: auto;
         height: 148px;
         color: 559cbe;
    #header_container     {
         background-image: url(images/bg_header.jpg);
         background-repeat: repeat-x;
         background-position: center top;
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-bottom-color: #000000;
    #header_main   {
         height: 354px;
         width: 940px;
         margin-right: auto;
         margin-left: auto;
         background-color: transparent;
         background-image: url(images/header_bg2.png);
         background-repeat: no-repeat;
         background-position: right;
    #submit_cont    {
         float: left;
         margin-top: 233px;
         margin-left: 435px;
         font-size: 18px;
         font-family: Georgia;
         font-style: italic;
    #submit_cont  a    {
         color: #FFFF00;
         text-decoration: none;
    #submit_cont  a:hover    {
         text-decoration: underline;
    #sidebar {
         float: left;
         width: 380px;
         clear: both;
    #maincontent {
         width: 540px;
         margin-left: 400px;
         font-family: Georgia;
         line-height: 1.6em;
    #banner_1_cont  {
         height: 235px;
         width: 380px;
         background-image: url(images/banner_1_q1.jpg);
         background-color: transparent;
         background-repeat: no-repeat;
         background-position: center center;
         clear: both;
         float: left;
    #banner_1_cont  p  {
         font-family: Georgia;
         font-size: 13px;
         font-style: italic;
         color: #000000;
         margin-top: 175px;
         margin-left: 15px;
         position: relative;
    #maincontent ol {
         list-style-position: inside;
    #maincontent h3 {
         font-size: 26px;
    #pitch_container ul li {
         font-family: Georgia;
         font-size: 26px;
         font-style: italic;
         line-height: 1.6em;
         color: 1e1e1e;

  • CSS Background Image Clickable?

    A client asked me to add an image on every page in an
    editable area eclipsing where I already have two divs (one is a
    title area and the other is text that goes under it). Both those
    divs are inside another div. I put the image as a background (no
    repeat) to the div that holds the other two and it fits perfect.
    But I need it to be clickable to another page. Any suggestions how
    I might do that? Can I somehow make the background image clickable?
    Can I make just that area of the div clickable? Keep in mind that
    the image is behind the corners of the other two divs. Here is the
    code:
    <td width="514" valign="top">
    <div id="services_right">
    <div id="services_copy">
    <div id="services_subsub">
    <h2><!-- TemplateBeginEditable name="services_sub"
    --><!-- TemplateEndEditable --></h2>
    </div>
    <div align="left"><!-- TemplateBeginEditable
    name="services_content" -->
    <p> </p>
    <!-- TemplateEndEditable --></div>
    </div> </div> </td>
    Thanks,
    Brian

    > How do you deal with that?
    Either -
    1. Do the insertion of a server-side include
    programmatically, e.g., based
    on the current page name, or
    2. Leave an editable region for the secondary navigation, and
    drop the
    desired include file into the editable region.
    Either approach is SO MUCH SIMPLER than using nested
    templates.
    > Can you do it all with CSS and be able to update
    correctly?
    I do quite a few sites where I am changing the physical
    layouts using CSS
    alone, yes.
    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
    ==================
    "yevri" <[email protected]> wrote in message
    news:[email protected]...
    > Here's what I did to resolve this. I gave up on the
    clickable background
    > image.
    > While I think you can do it, this site is a bit
    complicated with nested
    > templates and a lot of CSS and structures - some of
    which are new and some
    > are
    > inherited from a previous developer, so it's a bit messy
    right now. So I
    > just
    > redid the CSS in that content area of my nested template
    until I could put
    > divs
    > side by side and put an image in the foreground instead
    of the background.
    > Now
    > it's working fine. But that clickable background image
    may come in handy
    > later.
    >
    > One other thing though, Murray mentioned nested
    templates not being worth
    > the
    > hassle - causing more work and inefficiencies. I've
    heard others say that
    > they
    > are a bad idea too. What I wonder is, how would someone
    deal with a
    > situation
    > like this (that I find myself in on most sites) where
    you have a header
    > and
    > footer and content area in the middle and then a section
    in the site that
    > has
    > an interior design with a second level of nav (possibly
    down the left side
    > like
    > mine) and usually in the content area. How do you deal
    with that? I create
    > a
    > template for the header and footer and then a nested
    template for the
    > secondary
    > design/nav. I have 50 pages in that interior design
    section that have
    > their own
    > design built on the main template design (the site on
    this post might not
    > be a
    > good example because it's a Frankenstein's Monster from
    multiple
    > developers and
    > old and new ways of coding). What about an interior nav
    with collapsing
    > links,
    > etc. How do you get that onto every page without a
    template? Can you do it
    > all
    > with CSS and be able to update correctly? Just curious
    to what you use
    > instead
    > of nested templates?
    >
    > Thanks again for the help on this.
    >

  • Spry Menu Bar using CSS background image without losing submenu ( V) indicators

    Spry menu bar sets the down and side submenu indicators using
    a positioned background image. I have a requirement to use a
    specific background image yet must retain the > and v submenu
    indicators. Without having to generate full width custom background
    images for each of the menu item types to include the side and down
    menu indicators, is there anyway to use a generic background image
    and show the indicators using just CSS?

    Don't use reserved words in JS
    var event = new Spry.Data.XMLDataSet("events.xml", "catalog/event", {sortOnLoad: "date", sortOrderOnLoad: "descending"});
    event is such a reserved word. If you change this to event1 then all is well.
    I hope this helps.
    Ben

  • Background image in dreamweaver help?

    Thanks for looking,
    I have this menu I made:
    http://www.ivoog.com/link4
    How can I make the background image fit? You can see that its
    kindof messed up. How do I make it fit? Please explain or show.
    Thanks!

    As explained in previous posts, you cannot do what you want
    without using
    one of the alternatives mentioned now in this post and all
    the previous
    ones..
    The offer still stands from the previous few posts.
    I'd be happy to help.
    Make the menu in pop menu magic, post the page, and I'll be
    happy to show
    you how to change the CSS and use a repeating background
    texture image and
    borders to make them look like you want.
    Take care,
    Tim
    "hahahaadobeman" <[email protected]> wrote
    in message
    news:fotb49$5pe$[email protected]..
    > Thanks for looking,
    > I have this menu I made:
    >
    >
    http://www.ivoog.com/link4
    >
    > How can I make the background image fit? You can see
    that its kindof
    > messed
    > up. How do I make it fit? Please explain or show.
    Thanks!
    >

  • CSS background images

    Hello all.
    Newbie here, asking if it is possible for a user to
    change/replace background images through Contribute CS3 that are
    called by CSS stylesheet? All images are setup this way and I don't
    want to have to use tables just so they can be able to change
    images. Any suggestion or assistance is greatly appreciated.

    Yes, I recently ran into a similar problem!
    2 workaround I like...
    a) simply put the image file into your image directory and reference it using /i/image.jpg etc.
    b) use this whitepaper by John:
    http://jes.blogs.shellprompt.net/2007/05/18/apex-delivering-pages-in-3-seconds-or-less/
    And make a file download script that you can use - works very well for me!

  • CSS Background image

    At
    http://www.robinbachnia.com/index1.htm,
    you'll see the content lies in a table cell. I want the background
    image to be centered in this cell, non-repeat, etc. Can you show me
    what I'm doing wrong, and solution? It will be a template change
    I'll apply, once I get it right.
    Thanks

    This is what you now have in the page -
    body{
    background: url(images/darknia_cssbgd.jpg) center no-repeat
    fixed; }
    the syntax is wrong. It should be -
    body{
    background: url(images/darknia_cssbgd.jpg) no-repeat center;
    (in this shorthand CSS, the repeat style has to come before
    the position
    style, and you do not need the 'fixed' style)
    Making that change will get you EXACTLY what you are
    specifying - a
    background image that sits in the center of the page without
    repeating. Is
    that what you want?
    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
    ==================
    "Bushido" <[email protected]> wrote in
    message
    news:fob9ql$4s0$[email protected]..
    > Hi Murray. I moved the style sheet to head of document,
    and uploaded. I
    > still
    > see a white background. Also, the NIA background image
    sits a little too
    > high,
    > you may see. I want it well below the menu. Any ideas?
    >
    http://www.robinbachnia.com/css_bgd_test.htm
    >

  • Printing CSS background image

    Hi:
    Working on a new site, using a Template Monster (no jokes
    please) that my client wants me to use. I am not thrilled using
    some else's setup, and it's no picnic to work with, but my graphic
    skills are not nearly as good as my technical, and the client wants
    something more artistic.
    I have a background image in the CSS that does not print --
    it's the client's photo, so it's important. So as an alternative, I
    took it out of the background and did an AP Div and was able to
    position it properly on screen, and it prints fine. However, in
    Safari and Google Chrome, the whole page is blown apart. In IE and
    FF, no problem.
    Is there an easy fix? I am going to restore the page tonight
    with the original bg image setup (which rendered in all my browsers
    but didn't print) and post it for help, but it's not ready now.
    Here's the link to the "printable" version.
    Thanks in advance for your help.
    Rgds, Ned

    The browser has a setting under tools advanced printing to
    check a box to
    print background colors and images if you want to print them.
    Dave
    "Nedward" <[email protected]> wrote in
    message
    news:gqgvc9$aib$[email protected]..
    > Hi:
    >
    > Working on a new site, using a Template Monster (no
    jokes please) that my
    > client wants me to use. I am not thrilled using some
    else's setup, and
    it's no
    > picnic to work with, but my graphic skills are not
    nearly as good as my
    > technical, and the client wants something more artistic.
    >
    > I have a background image in the CSS that does not print
    -- it's the
    client's
    > photo, so it's important. So as an alternative, I took
    it out of the
    > background and did an AP Div and was able to position it
    properly on
    screen,
    > and it prints fine. However, in Safari and Google
    Chrome, the whole page
    is
    > blown apart. In IE and FF, no problem.
    >
    > Is there an easy fix? I am going to restore the page
    tonight with the
    > original bg image setup (which rendered in all my
    browsers but didn't
    print)
    > and post it for help, but it's not ready now.
    >
    > Here's the link to the "printable" version.
    >
    > Thanks in advance for your help.
    >
    > Rgds, Ned
    >

  • CSS - background image repeat-y

    Hello,
    QUESTIONThis works great in IE v6.0. How can I get the
    background position to work in Firefox 2.0?
    Instead of a tiled background that I can control where it
    begins to tile within a DIV, in Firefox 2.0 it displays
    the image once and doesn't tile like it does in IE. Argh!
    background-image:
    url(images/SideNav/side_nav_bottom_repeat.gif);
    background-repeat: repeat-y;
    background-position: 0% 218px;
    I just went through a CSS training video and applied some of
    the things taught.
    It was very helpful thanks you. However it worked in IE but
    not in Firefox.
    http://movielibrary.lynda.com/html/modPage.asp?ID=279
    5. Adding Colors and Backgrounds
    Movie: Positioning backgrounds
    Is there a work around for Firefox?

    Zero is zero no matter what units you have on it. I am not
    aware of any
    mixed unit issue like that.
    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
    ==================
    "Alexander Ross" <[email protected]> wrote in message
    news:f0rkhi$kht$[email protected]..
    >I have some vague recolection about weird behaviors with
    mixed units. Try:
    >
    > background-position: 0px 218px;
    >
    > If not, post a link to your page
    >
    >
    >> background-image:
    url(images/SideNav/side_nav_bottom_repeat.gif);
    >> background-repeat: repeat-y;
    >> background-position: 0% 218px;

  • CSS Background Image - where is it?

    Hello, Have placed a fixed background image within my
    CSS...it looks fine when I look at it in Dreamweaver. The problem
    is when I upload to my webspace the image isn't there. Any ideas?
    These are the attributes:
    background-attachment: fixed;
    background-image: url(images/home.gif);
    background-repeat: no-repeat;
    background-position: 1px;

    dulcettones" <[email protected]> wrote in
    message
    news:f3m22g$kpu$[email protected]..> Sorry...the
    URL is:
    > www.notjustthenews.co.uk
    > The image in question goes in the top left corner and
    changes depending on
    > the section you're viewing.
    Remove: background-attachment: fixed; and you'll see the
    image shows up on
    the index page. You need to remove that on each of the rules
    you have set
    for the #top divs... some of them are missing the white
    background color
    also.
    Nadia
    Adobe® Community Expert : Dreamweaver
    CSS Templates |Tutorials |SEO Articles
    http://www.DreamweaverResources.com
    ~ Customisation Service Available ~
    http://www.csstemplates.com.au
    Spry Widget Examples
    http://www.dreamweaverresources.com/spry-widgets/

  • CSS Background Image issue in IE(6)

    Not sure what's causing this, but I basically have an image
    to create faux columns across my page, but the background image
    isn't extending to the bottom of the page in IE (6) as it is
    correctly in safari and firefox.
    The page is here :
    link here
    The relevant CSS is :
    #contentWrapper {
    background-image:url(vehiclecolumns.gif);
    background-repeat:repeat-y;
    #outerWrapper #contentWrapper #rightColumn1 {
    float: right;
    padding: 15px 10px 10px 10px; /* Sets the padding properties
    for an element using shorthand notation (top, right, bottom, left)
    width: 754px;
    text-align:justify;
    #outerWrapper #contentWrapper #content {
    margin: 26px 775px 0 0; /* Sets the margin properties for an
    element using shorthand notation (top, right, bottom, left) */
    padding: 15px 10px 10px 10px; /* Sets the padding properties
    for an element using shorthand notation (top, right, bottom, left)
    text-align:justify;
    #outerWrapper #contentWrapper .clearFloat {
    clear: right;
    display: block;
    Any ideas?
    Cheers.

    #contentWrapper {
    background-image:url(vehiclecolumns.gif);
    background-repeat:repeat-y;
    overflow:hidden;
    zoom:1;
    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
    ==================
    "Iain71" <[email protected]> wrote in
    message
    news:gaq8f2$pod$[email protected]..
    > Not sure what's causing this, but I basically have an
    image to create faux
    > columns across my page, but the background image isn't
    extending to the
    > bottom
    > of the page in IE (6) as it is correctly in safari and
    firefox.
    >
    > The page is here :
    >
    >
    http://www.mph.uk.com/vehicles701.php
    >
    > The relevant CSS is :
    >
    > #contentWrapper {
    > background-image:url(vehiclecolumns.gif);
    > background-repeat:repeat-y;
    > }
    > #outerWrapper #contentWrapper #rightColumn1 {
    > float: right;
    > padding: 15px 10px 10px 10px; /* Sets the padding
    properties for an
    > element
    > using shorthand notation (top, right, bottom, left) */
    > width: 754px;
    > text-align:justify;
    > }
    > #outerWrapper #contentWrapper #content {
    > margin: 26px 775px 0 0; /* Sets the margin properties
    for an element
    > using
    > shorthand notation (top, right, bottom, left) */
    > padding: 15px 10px 10px 10px; /* Sets the padding
    properties for an
    > element
    > using shorthand notation (top, right, bottom, left) */
    > text-align:justify;
    > }
    > #outerWrapper #contentWrapper .clearFloat {
    > clear: right;
    > display: block;
    > }
    >
    > Any ideas?
    >
    > Cheers.
    >

  • Css: background image that doesn't force a horizontal scrollbar

    I am looking to create a small pattern (an image) that will
    always align to the left and right of my content. All of my content
    is situated in a 760px wide div that is centered with margin:0px
    auto. My problem is that if I create another div to hold the
    additional image, that any browser would probably display a
    horizontal scrollbar if the image and the content together exceed
    the width of the users viewport.
    I thought about doing it this way, but I am not sure if this
    will work... My content div is wrapped inside another div called
    with class whitediv. This whitediv is 100% of the users viewport
    wide. Could I assign a background image to this div, which will
    center, and therefore lurk behind my content div?
    Any suggestions?
    Thanks, dl33

    Bernd,
    It worked perfectly--thank you VERY much for your help!

Maybe you are looking for

  • Open data set / code page

    Hello , I am sending file to print server  and i am accounting problems with  special characters In first version of  program  ( please see the code below ) "OPEN DATASET g_filename  FOR OUTPUT IN TEXT MODE ENCODING DEFAULT." The special characters l

  • Can i extract Windows XP pro from Virtual PC 7

    Just purchased a new iMac and have installed Lion.  I would like to load Windows and run Quicken 2009 using Bootcamp.  I have Virtual PC for Mac Version 7.  VPC7 has an embeded copy of Windows XP Pro.  Does anyone know how to extract Windows XP Pro a

  • Bluetooth message "Not Available"

    I noticed that my wireless mouse and wireless keyboard won't operate on my macbook pro anymore, which is strange because they worked fine the day before.  I read around on other peoples discussions and found the common feedback was to reset the PRAM.

  • HTTP_RESP_STATUS_CODE_NOT_OK  Error

    Hi All,   I am doing a scenario in XI as follows; r/3--- [Idoc] -> XI -http-->APO The r/3 to XI is working perfectly and to send to APO I am using XI adaptor with HTTP transport protocol. But I am getting the following error. <SAP:Code area="INTERNAL

  • Cannot execute F4 in a field

    Hi, in trx CS02 I cannot execute F4 in the field RC29K-STLBE is there a way to enable this ? Best regards