www.webdeveloper.com
Results 1 to 11 of 11

Thread: Having problem in html

  1. #1
    Join Date
    Jan 2014
    Posts
    5

    Having problem in html

    My site is showing on browser but the loading symbol upper of browser is there for 10 seconds and the problem probably is the two <h2> tags in the html as i show below. Could you help me please?
    HTML Code:
     <div id="welcome">
    	 
    	    <h2> <!-- I have text here -->  </h2>
    	  
    	  </div><!--close welcome-->
    and an other one

    HTML Code:
    <div class="content_item">
    		  <h1><!-- I have text here --> </h1> 
    and the css

    HTML Code:
    h1, h2, h3, h4, h5, h6 
    { font: bold 150% 'News Cycle', Arial, sans-serif;
      text-shadow: 1px 1px #000;
      color: #898989;
      margin: 0 0 10px 0;}
    
    h2
    { font: bold 150% 'News Cycle', Arial, sans-serif, size:10%;}
    
    #welcome
    { width: 500px;
      margin: 0 auto;
      float: left;
      text-align: center;
      padding: 0 0 10px 20px;
      background: transparent url(../images/transparent.png) repeat;
      border: 2px dashed #000;
      border-radius: 7px 7px 7px 7px;
      -moz-border-radius: 7px 7px 7px 7px;
      -webkit-border: 7px 7px 7px 7px;} 
       
    #welcome h2
    { font: normal 350% 'News Cycle', Arial, sans-serif;
      letter-spacing: -2px;
      text-shadow: 1px 1px #898989;
      color: #323232;}
    
    .content_item
    { width: 670px;
      margin-top: 20px;
      margin-bottom: 20px;}
     
    .content_imagetext
    { width: 640px;
      padding: 5px;
      margin: 20px 0 0 0;
      float: left;}
     
    .content_image
    { float: left; 
      width: 150px;
      height: 150px;
      margin: 0 20px 10px 0;}

  2. #2
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,143
    Why in the world do you think it's related to the H2 and H1?

  3. #3
    Join Date
    Jan 2014
    Posts
    5
    Because while it is loading, two h2 tags are not showing

  4. #4
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,143
    The code you provided only has one h2. I've copied it here and it shows up fine:
    http://codepen.io/anon/pen/iEzKA

    Something else in your code is causing the issue.

  5. #5
    Join Date
    Jan 2014
    Posts
    5
    Here is the whole code, my site is in greek, so sorry for that, if you have any question ask me please
    and thank you a lot for you help

    HTML Code:
    <!DOCTYPE html> 
    <html>
    
    <head>
    <link rel="icon" href="images/favicon.png" type="image/png">
    
      <title>Πως να βγαλω λεφτα</title>
      <meta name="keywords" content="εργασια απο το σπιτι, λεφτα τωρα, λεφτα στο λεπτο, πως να βγαλω χρηματα στο ιντερνετ, πως να βγαλεις λεφτα ονλινε, pws na vgalw lefta">
    <meta name="description" content="Πως να βγαλω λεφτα απο το σπιτι και να κερδισω χρηματα μεσω του ιντερνετ βλεποντας διαφημισεις χωρις καμια επενδυση.">
      <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
      <link rel="stylesheet" type="text/css" href="css/style.css" />
      <!-- modernizr enables HTML5 elements and feature detects -->
      <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
      <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    
      ga('create', 'UA-43849162-1', 'pwsnavgalwlefta.com');
      ga('send', 'pageview');
    
    </script>
    </head>
    
    <body>
      <div id="main">
        <header>
    	  <div id="welcome">
    	 
    	    <h2>Θες λεφτά? Κάντα με ένα κλικ ! ! !</h2>
    	  
    	  </div><!--close welcome-->			  	
    	</header>
    	</div>
    	<nav>
    	  <div id="menubar">
            <ul id="nav">
              <li class="current"><a href="http://www.pwsnavgalwlefta.com/index.html">Kεντρικη</a></li>
              <li><a href="http://www.pwsnavgalwlefta.com/pws-na-vgaleis-lefta.html">Πως να βγαλεις λεφτα</a></li>
              <li><a href="http://www.pwsnavgalwlefta.com/ergasia-apo-to-spiti.html">Ρεφεραλς</a></li>
    		  <li><a href="http://www.pwsnavgalwlefta.com/xrhmata.html">Αποδειξεις</a></li>
              <li><a href="http://www.pwsnavgalwlefta.com/lefta-sto-lepto.html">Προσφορες και εγγραφη</a></li>
    		    <li><a href="http://www.pwsnavgalwlefta.com/lefta.html">Επικοινωνια</a></li>
              
            </ul>
          </div><!--close menubar-->	
        </nav>	
        
    	<div id="site_content">		
    
          <div class="slideshow">
    	    <ul class="slideshow">
              <li class="show" ><img width="940" height="300" src="images/Make-Money-Online.jpg" alt=" λεφτα" /></li>
                <li ><img width="940" height="300" src="images/Make-Money-Online-2.jpg" alt=" λεφτα στο λεπτο" /></li>
    		  <li><img width="940" height="300" src="images/Make-Money-Online-3.jpg" alt="πως να βγαλω λεφτα" /></li>
            </ul> 
    	  </div><!--close slideshow-->	
    	
    	  <div class="sidebar_container">       
    		<div class="sidebar">
              <div class="sidebar_item">
    	<p>Καλωσηρθατε στην ιστοσελιδα μας, ριξτε μια ματια.</p>
              </div><!--close sidebar_item--> 
            </div><!--close sidebar-->     		
    		<div class="sidebar">
              <div class="sidebar_item">
                   <a href="http://www.alexa.com/siteinfo/www.pwsnavgalwlefta.com" target="_blank"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=www.pwsnavgalwlefta.com'>
    	  </script></a>      
    		  </div><!--close sidebar_item--> 
            </div><!--close sidebar-->
    		<div class="sidebar">
              <div class="sidebar_item">
                      
    		  </div><!--close sidebar_item--> 
            </div><!--close sidebar-->  		
            <div class="sidebar">
              <div class="sidebar_item">
    	
    <a href="http://www.pwsnavgalwlefta.com/epikoinwnia.html"><h2>Επικοινωνια</h2></a>
                <p>		<a rel="author" href="https://plus.google.com/u/0/106248006981521803701/about?rel=author"><font color="608AD8">By Leandros Ioannou
    			</font></a></p>
                <p>Email: <a href="mailto:pwsnavgalwlefta@gmail.com"><font color="608AD8">pwsnavgalwlefta@gmail.com</font></a></p>
              </div><!--close sidebar_item--> 
            </div><!--close sidebar-->
           </div><!--close sidebar_container-->	
    	
    	  <div id="content">
            <div class="content_item">
    		  <h1>Πως να βγαλω λεφτα</h1> 
              <p>Έχετε βαρεθεί όπου κι αν πάτε να ακούτε για οικονομική κρίση και να μην μπορείτε να μιλήσετε, έχετε νοιώσει τόσο άσχημα όσο ποτέ άλλοτε με την μή ικανότητα σας να βγάζετε όσα χρήματα χρειάζεστε, ίσως να είναι η μοναδική ευκαιρία να το πράξετε χωρίς κόστος.
    		  <br>
    		  <br>
    		  <font color="#808080">Όποιος ενδιαφέρεται για έξτρα εισόδημα χωρίς κεφάλαιο ας πατήσει στην εικόνα που ακολουθεί</font>
    			<br><center>
    			<a href="http://www.neobux.com/?rh=6C65616E64726F733231" target="_blank"><img src="http://images.neobux.com/imagens/banner8.gif" width="468" height="60" alt="Λεφτά" ></a></center>
    		  <br>
    		  <br>
    		  Εν καιρώ κρίσης όλη η ανθρωπότητα προσπαθεί να βρει καινούργιους τρόπους για να βγάλει λεφτά. 
    Ένας απο αυτούς τους τρόπους είναι η εργασία μέσω ίντερνετ, το οποίο έχει μπει για τα καλά στη ζωή όλων μας. 
    Πολλοί απο εμάς έχουμε ακούσει για αυτού του είδους την εργασία αλλά σκεφτήκαμε τις πολλές απάτες που κυκλοφορούν ή οτι χρειάζονται εξειδικευμένες γνώσεις, ακόμη πολλές πυραμίδες που έχουμε ακούσει χρειάζονται ένα αρκετά σεβαστό ποσό για εγγραφή.
    Ψάχνοντας για εργασία απόκλεισα τις πιο πάνω επιλογές και βρήκα ενα καινούργιο μοντέλο εργασίας που είναι online για πάνω απο 7 χρόνια, δεν χρειάζεται καμιά απολύτως γνώση (ένα ηλεκτρονικό ποντίκι είναι αρκετά), δεν είναι πυραμίδα και φυσικά δεν χρειάζετε να πληρώσουμε ούτε λεπτό. 
    Ποιός είναι αυτός ο τρόπος?
    Πολύ απλά βλέποντας διαφημίσεις, κάνοντας έρευνες, κατεβάζοντας εφαρμογές, ενοικιάζοντας εργαζόμενους ή αποκτώντας άμεσους εργαζόμενους 
    μπορούμε να βγάζουμε ένα σεβαστό έξτρα εισόδημα ή ακόμη και ένα παχουλό μηνιαίο μισθό που θα μας ζήλευαν πολλοί.</p>   				  
    		  <div class="content_imagetext">
    		    
    		    <center>
    			<iframe src="http://www.dailymotion.com/embed/video/x19mjux_πως-να-βγαλω-χρηματα_tech" width="550" height="300" frameborder="0"></iframe>
    			</center>
    <br><br>
    			
    			 <font color="#808080">Όποιος ενδιαφέρεται για έξτρα εισόδημα χωρίς κεφάλαιο ας πατήσει στην εικόνα που ακολουθεί</font>
    			<br><br><center>
    			<a href="http://www.neobux.com/?rh=6C65616E64726F733231"target="_blank">
    			<img src="http://images.neobux.com/imagens/banner8.gif" width="468" height="60"></a>
    		  </center>
    		   </div><!--close content_imagetext-->		  
    		  <div class="content_container">
    		    <p> <u>Τι είναι οι εργαζόμενοι(ρέφερραλς):</u><br> Οι ρέφερραλς είναι τα άτομα που ενοικιάζεις απο την συγκεκριμένη πλατφόρμα και κερδίζεις ένα λεπτό
    απο κάθε κλικ που κάνουν στις διαφημίσεις...<br><br></p>
    
    		  	<div class="button_small">
    			
    		      <a href="http://www.pwsnavgalwlefta.com/ergasia-apo-to-spiti.html">Περισσοτερα</a>
    		    </div><!--close button_small-->
    		  </div><!--close content_container-->
    		 
              <div class="content_container">
    		    <p><u>Πως να κερδίσω χρήματα απο το ίντερνετ:</u>
    Εκτός απο το να βλέπεις διαφημίσεις 
    υπάρχουν και επιπρόσθετες επιλογές
    όπως οι έρευνες(Minijobs), προσφορές όπως το να κατεβάσεις εφαρμογές για τον υπολογιστή ή για το smartphone σας...</p>          
    		  	<div class="button_small">
    		      <a href="http://www.pwsnavgalwlefta.com/lefta-sto-lepto.html">Περισσοτερα</a>
    		    </div><!--close button_small-->		  
    		  </div><!--close content_container-->			  
    		</div><!--close content_item-->
    		
    	
          </div><!--close content-->   
    	
    	</div><!--close site_content-->  	
      
        <footer>
    	  <a href="http://www.pwsnavgalwlefta.com/index.html">Κεντρικη</a> | <a href="http://www.pwsnavgalwlefta.com/pws-na-vgaleis-lefta.html">Πως να βγαλεις λεφτα</a> | <a href="http://www.pwsnavgalwlefta.com/ergasia-apo-to-spiti.html">Referrals</a> | <a href="http://www.pwsnavgalwlefta.com/lefta-sto-lepto.html">Προσφορες και εγγραφη</a> | <a href="lefta.html">Επικοινωνια</a><br/><br/>
    	 <p><a rel="author" href="https://plus.google.com/u/0/106248006981521803701/about?rel=author">By Leandros Ioannou</a></p>
        </footer> 
      
      </div><!--close main-->
      
      <!-- javascript at the bottom for fast page loading -->
      <script type="text/javascript" src="js/jquery.min.js"></script>
      <script type="text/javascript" src="js/image_slide.js"></script>
      
    </body>
    </html>

  6. #6
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,143
    Try removing your call to scripts one at a time. My guess is it's having problems loading on of the scripts.

  7. #7
    Join Date
    Jan 2014
    Posts
    5
    I delete some scripts but again the same my friend, the problem in my opinion is in the css

    HTML Code:
    @font-face { font-family: News Cycle; src: url('../fonts/NewsCycle-Regular.eot');
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); } html { height: 100%;} * { margin: 0; padding: 0;} body { font: normal 90% Arial, Helvetica, sans-serif; color: #FFF; background: #323232 url(../images/pattern.png) repeat; } /* tell the browser to render HTML 5 elements as block */ article, aside, figure, footer, header, hgroup, nav, section { display:block; } p { padding: 0 0 10px 0; line-height: 1.7em; font-size: 100% } img { border: 0;} h1, h2, h3, h4, h5, h6 { font: bold 150% 'News Cycle', Arial, sans-serif; text-shadow: 1px 1px #000; color: #898989; margin: 0 0 10px 0;} h2 { font: bold 150% 'News Cycle', Arial, sans-serif;} h3 { font: bold 120% 'News Cycle', Arial, sans-serif;} h4, h5, h6 { margin: 0; padding: 0 0 0px 0; font: normal 120% 'News Cycle', Arial, sans-serif; color: #FFF; line-height: 1.5em;} h5, h6 { font: normal 95% 'News Cycle', Arial, sans-serif; color: #888; padding-bottom: 15px;} span { color: #FFF;} a, a:hover { color: #FFF; background: transparent; outline: none; text-decoration: underline;} a:hover { text-decoration: none;} ul { margin: 2px 0 22px 30px; line-height: 1.7em; font-style: normal; font-size: 100%;} ol { margin: 8px 0 22px 20px;} ol li { margin: 0 0 11px 0;} #main, header, #banner, #menubar, #site_content, footer, #content_grey, nav { margin-left: auto; margin-right: auto;} header { width: 940px; position: relative; padding: 15px 0 0 0; background: transparent; height: 140px;} nav { width: 940px; height: 50px;} #menubar { width: 940px; height: 35px; padding-top: 15px; margin-bottom: 20px; float: left; text-align: center;} #welcome { width: 500px; margin: 0 auto; float: left; text-align: center; padding: 0 0 10px 20px; background: transparent url(../images/transparent.png) repeat; border: 2px dashed #000; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border: 7px 7px 7px 7px;} #welcome h2 { font: normal 350% 'News Cycle', Arial, sans-serif; letter-spacing: -2px; text-shadow: 1px 1px #898989; color: #323232;} ul#nav { margin:0; float: left;} ul#nav li { padding: 0 0 0 0px; list-style: none; margin: 2px 0 0 0; display: inline; text-align: center; background: transparent;} ul#nav li a { font: bold 110% Arial, Helvetica, sans-serif; height: 24px; margin: 10px 0 0 0; padding: 6px 20px 6px 20px; background: transparent; text-align: center; text-shadow: 1px 1px #000; color: #898989; text-decoration: none;} ul#nav li.current a, ul#nav li:hover a { text-shadow: 1px 1px #000; color: #898989; background: transparent url(../images/transparent.png) repeat; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border: 7px 7px 7px 7px;} #site_content { width: 940px; overflow: hidden; margin-bottom: 30px;} .sidebar_container { float: left; width: 260px; padding: 0; background: transparent url(../images/transparent.png) repeat;} .sidebar { float: left; width: 240px; margin: 20px 0px 10px 20px;} .sidebar_item { width: 220px;} .sidebar h2 { padding: 5px 0 0 0; font: bold 150% 'News Cycle', Arial, sans-serif; height: 30px;} #content { width: 670px; margin: 0 0 20px 10px; float: left;} .content_item { width: 670px; margin-top: 20px; margin-bottom: 20px;} .content_imagetext { width: 640px; padding: 5px; margin: 20px 0 0 0; float: left;} .content_image { float: left; width: 150px; height: 150px; margin: 0 20px 10px 0;} .content_container { width: 300px; padding: 5px; margin: 20px 10px 0 0; float: left;} footer { height: 50px; padding-bottom: 30px; font-weight: bold; text-align: center; text-shadow: 1px 1px #000; color: #898989;} footer a, footer a:hover { text-shadow: 1px 1px #000; color: #898989; padding-bottom: 20px;} .button_small { font: normal 110% Arial, Helvetica, sans-serif; float: left; padding: 5px 15px 7px 10px; border: 1px solid #FFF; background: transparent url(../images/transparent.png) repeat; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border: 7px 7px 7px 7px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;} .button_small a { color: #FFF; padding-left: 5px; text-shadow: 1px 1px #000;} .form_settings { margin: 15px 0 0 0;} .form_settings p { padding: 0 0 4px 0;} .form_settings span { float: left; width: 280px; text-align: left; text-shadow: none;} .form_settings input, .form_settings textarea { padding: 2px; width: 299px; font: 100% arial; border: 1px solid #E5E5DB; background: #FFF; color: #47433F;} .form_settings input[type="checkbox"] { padding: 2px 0; width: 15px; font: 100% arial; border: 0; background: #FFF; color: #47433F; margin: 28px 0;} .form_settings .submit { font: 100% arial; border: 1px solid #FFF; width: 99px; margin: 0 0 0 206px; height: 26px; padding: 2px 0 3px 0; cursor: pointer; background: transparent url(../images/transparent.png) repeat; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border: 7px 7px 7px 7px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; color: #FFF; text-shadow: 1px 1px #000;} .slideshow { width: 940px; height: 300px; float: left;} /* styling for the slideshow on the homepage */ ul.slideshow { list-style: none; width: 940px; height: 300px; overflow: hidden; position: relative; margin: 0;} ul.slideshow li { position: absolute; margin: 0; padding: 0; left: 0; right: 0;} ul.slideshow li.show { z-index: 500;} ul img { border: none;} #slideshow-caption { width: 940px; height: 38px; position: absolute; bottom: 0; left: 0; z-index: 500;} #slideshow-caption .slideshow-caption-container { padding: 10px 25px 10px 25px; background: transparent url(../images/transparent.png) repeat; z-index: 1000;} #slideshow-caption p { padding: 0; font: normal 130% arial, sans-serif; color: #FFF; text-shadow: 1px 1px #000;}

  8. #8
    Join Date
    Jan 2014
    Posts
    5
    Unminify just for you
    HTML Code:
    @font-face  {
         font-family:  News Cycle;
         src:  url('../fonts/NewsCycle-Regular.eot');
         src:  local("News Cycle"),  url('../fonts/NewsCycle-Regular.ttf');
     }
     html  {
         height:  100%;
    }
     *  {
         margin:  0;
         padding:  0;
    }
     body  {
         font:  normal 90% Arial,  Helvetica,  sans-serif;
         color:  #FFF;
         background:  #323232 url(../images/pattern.png) repeat;
     }
     /* tell the browser to render HTML 5 elements as block */ article,  aside,  figure,  footer,  header,  hgroup,  nav,  section  {
         display: block;
     }
     p  {
         padding:  0 0 10px 0;
         line-height:  1.7em;
         font-size:  100% }
     img  {
         border:  0;
    }
     h1,  h2,  h3,  h4,  h5,  h6  {
         font:  bold 150% 'News Cycle',  Arial,  sans-serif;
         text-shadow:  1px 1px #000;
         color:  #898989;
         margin:  0 0 10px 0;
    }
     h2  {
         font:  bold 150% 'News Cycle',  Arial,  sans-serif;
    }
     h3  {
         font:  bold 120% 'News Cycle',  Arial,  sans-serif;
    }
     h4,  h5,  h6  {
         margin:  0;
         padding:  0 0 0px 0;
         font:  normal 120% 'News Cycle',  Arial,  sans-serif;
         color:  #FFF;
         line-height:  1.5em;
    }
     h5,  h6  {
         font:  normal 95% 'News Cycle',  Arial,  sans-serif;
         color:  #888;
         padding-bottom:  15px;
    }
     span  {
         color:  #FFF;
    }
     a,  a:hover  {
         color:  #FFF;
         background:  transparent;
         outline:  none;
         text-decoration:  underline;
    }
     a:hover  {
         text-decoration:  none;
    }
     ul  {
         margin:  2px 0 22px 30px;
         line-height:  1.7em;
         font-style:  normal;
         font-size:  100%;
    }
     ol  {
         margin:  8px 0 22px 20px;
    }
     ol li  {
         margin:  0 0 11px 0;
    }
     #main,  header,  #banner,  #menubar,  #site_content,  footer,  #content_grey,  nav  {
         margin-left:  auto;
         margin-right:  auto;
    }
     header  {
         width:  940px;
         position:  relative;
         padding:  15px 0 0 0;
         background:  transparent;
         height:  140px;
    }
     nav  {
         width:  940px;
         height:  50px;
    }
     #menubar  {
         width:  940px;
         height:  35px;
         padding-top:  15px;
         margin-bottom:  20px;
         float:  left;
         text-align:  center;
    }
     #welcome  {
         width:  500px;
         margin:  0 auto;
         float:  left;
         text-align:  center;
         padding:  0 0 10px 20px;
         background:  transparent url(../images/transparent.png) repeat;
         border:  2px dashed #000;
         border-radius:  7px 7px 7px 7px;
         -moz-border-radius:  7px 7px 7px 7px;
         -webkit-border:  7px 7px 7px 7px;
    }
     #welcome h2  {
         font:  normal 350% 'News Cycle',  Arial,  sans-serif;
         letter-spacing:  -2px;
         text-shadow:  1px 1px #898989;
         color:  #323232;
    }
     ul#nav  {
         margin: 0;
         float:  left;
    }
     ul#nav li  {
         padding:  0 0 0 0px;
         list-style:  none;
         margin:  2px 0 0 0;
         display:  inline;
         text-align:  center;
         background:  transparent;
    }
     ul#nav li a  {
         font:  bold 110% Arial,  Helvetica,  sans-serif;
         height:  24px;
         margin:  10px 0 0 0;
         padding:  6px 20px 6px 20px;
         background:  transparent;
         text-align:  center;
         text-shadow:  1px 1px #000;
         color:  #898989;
         text-decoration:  none;
    }
     ul#nav li.current a,  ul#nav li:hover a  {
         text-shadow:  1px 1px #000;
         color:  #898989;
         background:  transparent url(../images/transparent.png) repeat;
         border-radius:  7px 7px 7px 7px;
         -moz-border-radius:  7px 7px 7px 7px;
         -webkit-border:  7px 7px 7px 7px;
    }
     #site_content  {
         width:  940px;
         overflow:  hidden;
         margin-bottom:  30px;
    }
     .sidebar_container  {
         float:  left;
         width:  260px;
         padding:  0;
         background:  transparent url(../images/transparent.png) repeat;
    }
     .sidebar  {
         float:  left;
         width:  240px;
         margin:  20px 0px 10px 20px;
    }
     .sidebar_item  {
         width:  220px;
    }
     .sidebar h2  {
         padding:  5px 0 0 0;
         font:  bold 150% 'News Cycle',  Arial,  sans-serif;
         height:  30px;
    }
     #content  {
         width:  670px;
         margin:  0 0 20px 10px;
         float:  left;
    }
     .content_item  {
         width:  670px;
         margin-top:  20px;
         margin-bottom:  20px;
    }
     .content_imagetext  {
         width:  640px;
         padding:  5px;
         margin:  20px 0 0 0;
         float:  left;
    }
     .content_image  {
         float:  left;
         width:  150px;
         height:  150px;
         margin:  0 20px 10px 0;
    }
     .content_container  {
         width:  300px;
         padding:  5px;
         margin:  20px 10px 0 0;
         float:  left;
    }
     footer  {
         height:  50px;
         padding-bottom:  30px;
         font-weight:  bold;
         text-align:  center;
         text-shadow:  1px 1px #000;
         color:  #898989;
    }
     footer a,  footer a:hover  {
         text-shadow:  1px 1px #000;
         color:  #898989;
         padding-bottom:  20px;
    }
     .button_small  {
         font:  normal 110% Arial,  Helvetica,  sans-serif;
         float:  left;
         padding:  5px 15px 7px 10px;
         border:  1px solid #FFF;
         background:  transparent url(../images/transparent.png) repeat;
         border-radius:  7px 7px 7px 7px;
         -moz-border-radius:  7px 7px 7px 7px;
         -webkit-border:  7px 7px 7px 7px;
         -webkit-box-shadow:  rgba(0,  0,  0,  0.5) 0px 0px 5px;
         -moz-box-shadow:  rgba(0,  0,  0,  0.5) 0px 0px 5px;
         box-shadow:  rgba(0,  0,  0,  0.5) 0px 0px 5px;
    }
     .button_small a  {
         color:  #FFF;
         padding-left:  5px;
         text-shadow:  1px 1px #000;
    }
     .form_settings  {
         margin:  15px 0 0 0;
    }
     .form_settings p  {
         padding:  0 0 4px 0;
    }
     .form_settings span  {
         float:  left;
         width:  280px;
         text-align:  left;
         text-shadow:  none;
    }
     .form_settings input,  .form_settings textarea  {
         padding:  2px;
         width:  299px;
         font:  100% arial;
         border:  1px solid #E5E5DB;
         background:  #FFF;
         color:  #47433F;
    }
     .form_settings input[type="checkbox"]  {
         padding:  2px 0;
         width:  15px;
         font:  100% arial;
         border:  0;
         background:  #FFF;
         color:  #47433F;
         margin:  28px 0;
    }
     .form_settings .submit  {
         font:  100% arial;
         border:  1px solid #FFF;
         width:  99px;
         margin:  0 0 0 206px;
         height:  26px;
         padding:  2px 0 3px 0;
         cursor:  pointer;
         background:  transparent url(../images/transparent.png) repeat;
         border-radius:  7px 7px 7px 7px;
         -moz-border-radius:  7px 7px 7px 7px;
         -webkit-border:  7px 7px 7px 7px;
         -webkit-box-shadow:  rgba(0,  0,  0,  0.5) 0px 0px 5px;
         -moz-box-shadow:  rgba(0,  0,  0,  0.5) 0px 0px 5px;
         box-shadow:  rgba(0,  0,  0,  0.5) 0px 0px 5px;
         color:  #FFF;
         text-shadow:  1px 1px #000;
    }
     .slideshow  {
         width:  940px;
         height:  300px;
         float:  left;
    }
     /* styling for the slideshow on the homepage */ ul.slideshow  {
         list-style:  none;
         width:  940px;
         height:  300px;
         overflow:  hidden;
         position:  relative;
         margin:  0;
    }
     ul.slideshow li  {
         position:  absolute;
         margin:  0;
         padding:  0;
         left:  0;
         right:  0;
    }
     ul.slideshow li.show  {
         z-index:  500;
    }
     ul img  {
         border:  none;
    }
     #slideshow-caption  {
         width:  940px;
         height:  38px;
         position:  absolute;
         bottom:  0;
         left:  0;
         z-index:  500;
    }
     #slideshow-caption .slideshow-caption-container  {
         padding:  10px 25px 10px 25px;
         background:  transparent url(../images/transparent.png) repeat;
         z-index:  1000;
    }
     #slideshow-caption p  {
         padding:  0;
         font:  normal 130% arial,  sans-serif;
         color:  #FFF;
         text-shadow:  1px 1px #000;
    }

  9. #9
    Join Date
    Mar 2011
    Posts
    1,148
    You have several images on your home page that are very large. If your page is loading slowly, those large images are probably one of the reasons. Try optimizing those large images. There are image tools online that can help you shrink your images if your graphics program doesn't help you to do it.

  10. #10
    Join Date
    Nov 2013
    Location
    new york
    Posts
    68
    First thing is heading tags like h1 and h2 will not effect your website, hardly padding or margin problems may rises make them to zero.

  11. #11
    Join Date
    Jan 2014
    Posts
    1
    I have the same question with it and now i kown.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles