SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist
    Join Date
    May 2007
    Location
    Kent in Uk
    Posts
    538
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    main part of page slipped below left nav

    I think this is a css problem. can someone please help me put it right?

    the site address is:
    Code:
    http://www.louandelcats.co.uk
    The css page is as follows:

    Code:
     */
     body{margin:0; padding:0;}
     
     /*-----------------------------------------Basic Structure----------------------------------------*/
     
    #wrapper{width:964px; margin-left:15px; margin-top:15px; }/*ND*/
    #banner{display:inline; float:left; width:964px;  }/*ND*/
    #menu{ float:left; width:150px; background-color:#8080c0; z-index:13; }/*ND*/
    #ccbox{
    	position:absolute;
    	width:200px;
    	height:100px;
    	left: 785px;
    	top: 4px;/*cat chat box on banner*/
    }/*ND*/
    #marklogo{
    	position:absolute;
    	width:126px;
    	height:61px;
    	left: 20px;
    	top: 535px;/*markets2000 logo */
    }
    #adbreak{float:left; width:125px; height:250px;  margin-top:50px; padding-left:10px; padding-right:10px;  }/*ND google ad on 2chalk2*/
    #mainarea{float:left; width:810px; background-color:#ffffff;   padding-bottom:0px;}
    /* class mainarea see diary pages */
    #contentind{float:left;  width:660px;}/*ND*/
    #contentbox{float:left; width:660px;}/*ND*/
    .contentbox{float:left; width:600px; background-color:#999999; height:120px; z-index:2; padding-left:60px; padding-top:10px; }/*ND*/
    #columntwo{float:left; width:150px; background-color:#8080c0; padding-top:30px; padding-bottom:15px;}/*ND*/
    #footer{clear:left; width:810px; border-color:#CCCCCC ;  border-style:solid; border-width:thin; background-color:#FFFFFF; }/*ND*/
    #sig{
    	position:absolute;
    	width:80px;
    	height:30px;
    	left: 614px;
    	top: 208px;
    	z-index:3;
    }/*ND*/
    
     p{font-family:"Times New Roman", Times, serif; font-size:12px;padding-top:0px; padding-right:0px;  padding-left:0px;}
     .facts4{font-family: "Times New Roman", Times, serif; font-size:18px; padding-right:0px;  padding-left:0px; }
    
    a.thirdcol:link{color:#FFFFFF; text-decoration:none;}
    a.thirdcol:visited{color:#FFFFFF; text-decoration:none;}
    a.thirdcol:hover{color:#00FF00; text-decoration:none;}/*these three links for third colomn*/
    
    
    
    
    /*---------------------------------------End of Basic Structure------------------------------*/
    
    /*----------------------------------------Fonts,etc-------------------------------------------*/
    
    h1{font:"Times New Roman", Times, serif; color:#666666; }
    h1.comic{font:"Comic Sans MS"; color:#FF3333;}/*articlerules*/
    h2{font:"Times New Roman", Times, serif; color:#666666; }
    .red{color:#CC3333;}
    h3{font:"Times New Roman", Times, serif; color:#000000;}
    .blue{color:#0099CC;}
    h4{font:"Times New Roman", Times, serif; color:#000000;}
    h4.alert{display:block; background-color: #FF6600; color:#FFFFFF }
    
    
    a:link{color:#0099FF; text-decoration: underline}
    a:visited{color:#0099ff; text-decoration:underline;}
    a:hover{color:#00CC33; text-decoration:underline}
    
    /*--------------------------------------Positioning for articles------------------------------*/
    
    #contactSoon{width:300px; height:300px; border:thin #0099CC  inset; background-color: #99FFCC; margin-top:100px; margin-left:300px;}
    .contentbox3{float:left; width:580px; margin:20px;}/*articlerules*/
    #Layer1{
    	position:absolute;
    	width:150px;
    	height:149px;
    	z-index:1;
    	left: 545px;
    	top: 422px;
    }
    #adbreak2{float:left; width:125px; height:850px;  margin-top:15px;  }/*ND picture on article form*/
    
    /*-----------------------------------------catcare--------------------------------------------*/
    #headline1{float:left;width:405px; padding-left:20px; padding-right:15px; padding-bottom:15px;}
    #headline2{float:left;width:405px; padding-left:20px; padding-right:15px;}
    #headline3{float:left;width:605px; padding-left:20px; padding-right:15px; padding-bottom:15px;}
    .banner{float:left;width:640px; margin-bottom:15px; }
    #mainbody{float:left; width:655px;}
    #halfbody{float:left; width:320px; padding-top:20px; padding-left:20px;}
    .index{float:left; width:320px;  padding-left:10px; padding-right:10px;}
    .index1{width:600px; font-size:14px; color:#666666;padding-top:15px; padding-left:10px; padding-right:10px; padding-bottom:40px; margin:0px;} /*ND*/
    .index2{width:600px; font-size:16px; color:#666666;padding-top:15px; padding-left:10px; padding-right:10px; padding-bottom:40px; margin:0px;} /*ND*/
    .halfbody2{float:right;width:270px; margin-top:130px; padding-left:12px;}
    #halforigin{float:left; width:315px;  padding-right:20px;}
    #biggerspot{
    	position: absolute;
    	width:172px;
    	left: 647px;
    	top: 87px;
    	z-index:100;
    }
    #callink{
    	position:absolute;
    	width:120px;
    	height:120px;
    	left: 679px;
    	top: 112px;
    }
    #spotex{float:left; width:293px;  margin-top:20px; margin-left:10px; border:thin #6699FF solid; z-index:9;}/*index*/
    #indbanner{float:left; width:270px;}
    #half{float:left;  width:310px; margin-left:10px;}/*ND*/
    #dataped{
    	position:absolute;
    	width:85px;
    	height:88px;
    	left:742px;
    	top:422px;
    }
    #newindex{float:left; width:580px; margin-top:10px; margin-left:10px; padding-left:70px;} 
    #news{
    	float:left;
    	width:145px;
    	border-color: #cccccc;
    	border-style:solid;
    	border-width:thin;
    	left: 761px;
    	top: 272px;
    	height: 120px;
    	background-color: #AAFFAA;
    	height:250px;
    	padding-top:10px;
    }/*ND World cat news box*/
    #sidepanel{float:right;width:125px; height:300px; margin-right:15px; margin-top:10px;}/*cat reading index */
    /*-----------------------------------------Testsitephp/cms for Louandel---------------------------*/
    .articles{float:left; height:900px; width:250px; border:#999999 thin dashed;}
    .form{float:left; width:600px; }
    ul{width:200px;}
    li{width:200px;}
    /*-------------------------------------------staffarea-------------------------------------------*/
    #wrapper1{float:left; padding-left:30px; width:1000px;}
    #staffbanner{float:left; width:1000px; height:150px; padding-top:30px; padding-left:20px; margin-bottom:15px; background:#99CC99; }
    #staffmain{float:left; width:990px;  }
    
    h1{font:"Times New Roman", Times, serif; color:#FFFFFF;}
    .log{color:#666666;}
    h4{font-family:Arial, Helvetica, sans-serif; color:#FF0000;}
    p.message{color:#993333; font-size:20px;}
    .pages{float:left;  padding-bottom:3px; padding-top:3px; margin:5px; background:#CCCCCC; width:300px; border: thin groove #009900;}
    h3.left{padding-left:25px;}
    .staffpage{background:#cccccc; width:600px; border:#006633 thick groove;}
    /*------------------forms text types------------*/
    h1.tit{color:#FF0000;}
    .tits{ color:#666666;}
    p.index{font-size:14px; color:#666666; padding-top:15px; padding-left:10px; padding-right:10px; padding-bottom:50px;}/*ND*/
    Thank you for your help with this,

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    HI,

    The main problem is that you have lost the closing div to your menu. There should be a closing div as marked here after the closing script tag.

    Code:
    HideDiv();
    </script>
    </div>
            <div align="center" >
    That should make the page snap back into position .

    Your code is a bit messy and an unhealthy mix of old and new though.

    You have a structure like this which is not allowed.

    Code:
    <a class="thirdcol" href="2spot2.php">
      <p align="center" class="facts4">Pedigree Highlight</p>
    </a>
    Anchors cannot contain block elements and the anchor should be inside the p element instead. You can then set the anchor to display:block and it will still have the same effect if done correctly.

    You have a missing closing h3 here:

    Code:
    <h3 align="center" style="padding-top:10px;">The Fact Vault</h3>
    "align=" is deprecated in strict but even if you are using transitional you should still use css.
    Code:
        <div align="center" >
    Use css instead and not presentational attributes.

    Most worryingly though you seem to be spamming or your site has been hacked because at the bottom of your page you have hundreds of links like this.

    Code:
    <!-- [96cee444b9ac7a93c33b8e1b580bd592 --><!-- 7616405031 --><noscript>
    <ul><li><a href="http://www.xxxxxxxxx.com/blog/?prt=462">buy adobe dreamweaver</a>etc.....

  3. #3
    SitePoint Evangelist
    Join Date
    May 2007
    Location
    Kent in Uk
    Posts
    538
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Paul,

    first of all a big thank you for looking into this for me.

    I was horrified to find out about the spamming. what I cant understand is how someone is able to do this?? Is it someone who has access to my ftp or is my database not secure in some way?

    you were right about the div etc and it is a total mess. It is a site a built a long time ago and did all my learning on. I have put up a more recent php page and will look into the other issues you were talking about.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by cass27 View Post

    I was horrified to find out about the spamming. what I cant understand is how someone is able to do this?? Is it someone who has access to my ftp or is my database not secure in some way?
    There could be a number of ways that this could happen.

    You could have a virus on your own computer which sits there and steals your ftp details as you type them in. So run a full virus scan first and make you sure you are clean and then go and change your passwords.

    It could be a problem on your hosts server so email them the details and ask them to check also.

    It happened to me a few years ago and they hit every index page on my site and took me days to sort out.

  5. #5
    SitePoint Evangelist
    Join Date
    May 2007
    Location
    Kent in Uk
    Posts
    538
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul, I shall get in contact with my host.

    regards,


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •