Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Junior Member thehtmlkid's Avatar
    Join Date
    Jan 2010
    Posts
    4
    Member #
    20876
    Hello, I have two websites that I am designing with Dreamweaver CS4. The first website http://www.chfminidonkeys.com works fine with no issues, however, when I view the second website http://www.crusewastewater.com in Firefox and IE7 the nav bar is placed above the content and the container div is totally disregarded, causing the content to spread out along the entire browser window (it works fine in IE8). I am learning as I go and I am reaching my wit's end on this, so any help that you can give me is appreciated.

  2.  

  3. #2
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    honestly i would love to help and could do so quite easily but i find it hard to read and debug your code when you yourself rely on a program for the code rather then actually learning it. this would be a good time to be a designer and gather the tools you need to do so. if this had been a biz owner doing his own site i would take the time. but you are selling design, this is pretty basic stuff.

    while($get_it !== true){ continue; }

  4. #3
    Junior Member thehtmlkid's Avatar
    Join Date
    Jan 2010
    Posts
    4
    Member #
    20876
    Quote Originally Posted by Dorky
    honestly i would love to help and could do so quite easily but i find it hard to read and debug your code when you yourself rely on a program for the code rather then actually learning it. this would be a good time to be a designer and gather the tools you need to do so. if this had been a biz owner doing his own site i would take the time. but you are selling design, this is pretty basic stuff.
    Actually, I'm doing these websites for my dad's buisness (miniature donkeys and pumping septic tanks an odd combo I know). I'm 17 years old and trying to juggle school and do this in my spare time, I honestly don't have the time to devote to learning from the ground up. I can do basic html, but the floats and the roll-over nav-bar images have me stumped (I think that I'm starting to get CSS but JavaScript still makes no sense)

  5. #4
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    <center><img role="presentation" class="twisty "><a onmouseover="MM_swapImage('Home','','Images/button-homero.jpg',1)" onmouseout="MM_swapImgRestore()" href="index.html">
    <img id="Home" border="0" width="200" height="61" name="Home" alt="Home" src="http://www.crusewastewater.com/Images/button-home.jpg"/>


    </a>

    <br/>

    <img role="presentation" class="twisty "><a onmouseover="MM_swapImage('Services','','Images/button-servicesro.jpg',1)" onmouseout="MM_swapImgRestore()" href="services.html">
    </a>

    <br/>

    <img role="presentation" class="twisty "><a onmouseover="MM_swapImage('Types of Systems','','Images/button-systemsro.jpg',1)" onmouseout="MM_swapImgRestore()" href="systems.html">
    </a>

    <br/>

    <img role="presentation" class="twisty "><a onmouseover="MM_swapImage('Installation','','Image s/button-installationro.jpg',1)" onmouseout="MM_swapImgRestore()" href="installation.html">
    <img id="Installation" border="0" width="200" height="61" name="Installation" alt="Installation" src="Images/button-installation.jpg"/>


    </a>

    <br/>

    <img role="presentation" class="twisty "><a onmouseover="MM_swapImage('Maintenance Tips','','Images/button-tipsro.jpg',1)" onmouseout="MM_swapImgRestore()" href="tips.html">
    </a>

    <br/>

    <img role="presentation" class="twisty "><a onmouseover="MM_swapImage('FAQs','','Images/button-faqsro.jpg',1)" onmouseout="MM_swapImgRestore()" href="faqs.html">
    </a>

    <br/>

    <img role="presentation" class="twisty "><a onmouseover="MM_swapImage('Contact Us','','Images/button-contactro.jpg',1)" onmouseout="MM_swapImgRestore()" href="contact.html">
    </a>


    </center>


    your menu is doing what it is told. there is also no css with the float property and a lot of css assignments with no controls in the html. there are only two controls on the style but i see tags like " id='home' ". if you just remove the <center> tags it will naturally rest left under the header div.

    while($get_it !== true){ continue; }

  6. #5
    Junior Member thehtmlkid's Avatar
    Join Date
    Jan 2010
    Posts
    4
    Member #
    20876
    Ok, thank you, but I still have the problem of Firefox and IE7 "dropping" the maincontent float below the sidebar instead of side-by-side as I want. And does <img role="presentation" class="twisty "> replace the need for javascript on the rollover? Also, I forgot to post the css sheet that I'm using:

    @charset "utf-8";
    body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #ffffff;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    }
    .twoColLiqLtHdr #container {
    position:relative;
    width: 1046px;
    overflow: hidden;
    background: #FFFFFF;
    margin: 0 auto;
    display:block;
    text-align: left;
    border: 1px solid #000000;
    }
    .twoColLiqLtHdr #header {
    background: #DDDDDD;
    padding: 0 0px;
    }
    .twoColLiqLtHdr #header h1 {
    margin: 0;
    padding: 10px 0;
    }
    .twoColLiqLtHdr #sidebar1 {
    float: left;
    width: 210px;
    background: #ffffff;
    padding: 0px 0; }

    .twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
    margin-left: 10px;
    margin-right: 10px;
    }
    .twoColLiqLtHdr #mainContent {
    margin: 0 20px 0 240px;
    margin-left: 240px;
    border-left: 1px solid #000;
    }
    .twoColLiqLtHdr #footer {
    padding: 0 10px;
    background-color: #C90101;
    }
    .twoColLiqLtHdr #footer p {
    margin: 0;
    }
    .fltrt { float: right;
    margin-left: 8px;
    }
    .fltlft {
    float: left;
    margin-right: 8px;
    }
    .clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    }

  7. #6
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    put the nav in a div with css of
    float: left; clear: both;

    while($get_it !== true){ continue; }

  8. #7
    Junior Member thehtmlkid's Avatar
    Join Date
    Jan 2010
    Posts
    4
    Member #
    20876
    Fixed it, thanks for your help.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:37 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com