Jump to content

benjaminmorgan

Member
  • Posts

    226
  • Joined

  • Last visited

  • Days Won

    1

Posts posted by benjaminmorgan

  1. I have my content and other divs that are doing this 100% and I have a background color on it. However when i zoom in and scroll over it is a giant white space. The only way to fix it is to add a background color to the body but then it doesn't help the footer, header or navigation. What can I do to fix. Actual website is in the footer.

     

    This is what I'm talking about.

    abc.png

  2. I meant you could add a class to the img with your css code. doing this with the code below, OR set the width and height to the widht and height of the img in pixels.

     

    .classofimg {
       width: 100%;
       height: 100%;
       zoom: 1;
    }
    
    <a class="fancybox" title="This is my image catpion" rel="group1" href="images/aa01.jpg"><img src="images/aa01_t.jpg" alt="" class="classofimg" /></a>
    
    

  3. The only thing I could think of is make sure you don't have a class on it that is being sized in the CSS. Also make sure there is no zoom in the css.

     

     

    If you can't find anything try adding a class to the image and setting the width and height to 100% or the direct size of the image.

    .classofimg {
       width: 100%;
       height: 100%;
       zoom: 1;
    }
    

     

     

    EDIT: Also make sure you are not using an id twice for an image, and if you have a class make sure it isn't also used on another image being resized.

  4. I have a layout, I can't remember what to do to fix it and google hasn't been any help. Here is an image of what its doing.

    index.png

     

    Here is my code

     

    HTML

    <div class="header">
    <div class="container">
    	<p style="float: left;" class="whitet">Logo here</p>
    	<p class="whitet" style = "float: right;">CONTENT HERE</p>
    </div>
    </div>
    <div class="process">
    <div class="container">
    	<p class="whitet" style="font-size: 12px;padding-top: 200px;">Here is some content right here<br>Here is some more content in this very spot</p>
    </div>
    </div>
    <div class="content">
    <div class="container">
    <div>		
    <p class="whitet">content here</p>
    </div>
    </div>
    </div>
    

     

    CSS

     body {
    margin: 0 auto;
    font-family: Tahoma, sans-serif;
    }
    
    .container {
    width: 960px;
    margin: 0 auto;
    padding-top:0px;
    padding-bottom: 0px;	
    margin-top:0px;
    margin-bottom: 0px;
    
    
    }
    .header {
    background: black;
    height: 100px;
    }
    
    
    .process {
    height: 300px; 
    background: green;
    }
    
    .content {
    height: 500px;
    background: red;
    }
    
    
    
    
    .whitet {
    color: white;
    }

     

     

    ALSO it isn't there when I remove the p tags but I kindof need them for content.

  5. The red bars do mean no support. Green bars mean full support. The lighter colored bars mean partially supported. You can click the arrow to see which ones are supported on the lighter colored ones.

  6. I'm pretty sure you forgot to close something or closed something that didn't exist. (When you click the links the page content disappears.) That is the only reason I have seen links not go before. Make sure everything is closed.

×
×
  • Create New...