Jump to content

Shaan_007

Members
 View Profile  See their activity

  • Posts

    3

  • Joined

  • Last visited

 Content Type 

Posts posted by Shaan_007

    Html/css Template

    in CSS

    Posted

    No harsh words basically translates to I want praise, not an honest evaluation.

     

    So we can just deal with the fact that the template produces over 140 error before the validator gives up and quits:

     

    https://validator.w3.org/check?uri=http%3A%2F%2Fwww.dreamtemplate.com%2Ftemplates%2F777%2F0776.html&charset=%28detect+automatically%29&doctype=Inline&group=0

     

    That ia with an extremely weak transitional DOCTYPE; I hate to think what it would report if the page used a modern strict doctype.

     

    As for the code you posted, I don't no what that has to do with the template. The code does not really do anything except demonstrate a misunderstanding of the correct semantics of HTML5 like sticking ul (meaning a list of items) inside a nav (meaning a list of navigation links).... it has to be one or the other.

    first of all buddy there is a difference between what i said "No harsh Words" And What you read "PRAISE"

    and i don't know about template i just searched it on google

    and i know the code i post above has many errors and or may be whole code is wrong that is why i posted it here so that you guys can help me

    anyways thanks for the reply :) i appreciate

    Html/css Template

    in CSS

    Posted

    My question might sound stupid since i am a beginner

    i have rebuilt a old template using my own code now i want to know if there is anything wrong with my code bcoz i sometime feel that i manage to get result but there is something wrong with my code

    No Harsh Words Please

    ThankYou

     

    this is the template----> http://www.dreamtemplate.com/templates/777/0776.html

     

    and this is my code

     

    <!doctype html>
<html lang="en">
<head>
<style>
body {
margin: 0;
padding: 0;
color: #666;
background-color: #3F332B;
 
}
#wrap {
width: 600px;
margin: 0 auto;
height: 100%;
border: 1px solid black;
background-color: #fff;
margin-top: 5px;
margin-bottom: 5px;
}
header {
background-image: url('header.jpg');
height: 300px;
width: 581px;
margin: auto;
margin-top: 20px;
}
header h1 {
text-align: center;
position: relative;
top: 260px;
color: #fff;
}
ul {
list-style: none;
text-transform: lowercase;
}
nav li {
display: inline;
padding: 35px;
}
a {
color: #333;
 
}
section {
margin: 10px;
}
section h1 {
 
margin-left: 30px;
color: #3F332B;
 
}
section  p {
padding: 5px;
color: #3F332B;
}
footer p {
text-align: center;
font-size: 20px;
border: 2px solid black;
margin-bottom: 0px;
background-color: #1D140E;
color: #C0C0C0;
 
}
a:hover {
text-decoration: none;
}
</style>
</head>
 
<body>
<div id="wrap">
<header>
<h1>Your Sport Site</h1>
</header>
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">News</a></li>
<li><a href="">Contact</a></li>
<li><a href="">Link</a></li>
</ul>
</nav>
 
<section>
<h2>Welcome</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
<h2>Lorem Ipsum</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</section>
 
<footer>
<p>Copyright © 2005 | All Rights Reserved </p>
</footer>
 
</div>
</body>
</html>
×
×
  • Create New...