What is wrong with this code?

Discussion in 'CSS' started by theblurr5495, Dec 20, 2008.

0
  1. #1
    <html>
    <head>
    <title> The Complete Soccer Guide- Soccer tips,help,guides,videos,forum,pictures,player and team profiles</title>
    <syle type="text/css">
    {p color="white">}
    body
    { margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    }

    #header {
    margin: 20px;
    padding: 10px;
    height: 100px;
    }
    #left {
    position: absolute;
    left: 15px;
    top: 160px;
    width: 200px;
    }
    #center {
    top: 0;
    margin-left: 230px;
    margin-right: 230px;
    }
    #right {
    position: absolute;
    right: 15px;
    top: 160px;
    width: 200px;
    }

    </style>
    </head>
    <body bgcolor="black" text="white">
    <div id="header">
    <img src="Soccer Logo.jpg" alt="The Complete Soccer Guide">
    </div>
    <div id="left">
    Menu
    </div>
    <div id="center"
    <h1> Home of Soccer</h1>
    <h2 align="center> Need some Soccer Tips?</h2><br> Under Construction
    </div>
    <div id="right"> bob
    </div>
    </body>



    </html>
     
    theblurr5495, Dec 20, 2008 IP
  2. islandhopper8

    islandhopper8 Active Member

    Messages:
    100
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    73
    #2
    several things wrong
    line 4 should be style
    line 5 bracket > not correct there and can't place there and is not correct css
    line 47 missing closing bracket
    line 49 missing "

    <html>
<head>
<title> The Complete Soccer Guide- Soccer tips,help,guides,videos,forum,pictures,player and team profiles</title>
<style type="text/css">

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
p {color:white}
#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 230px;
}
#right {
position: absolute;
right: 15px;
top: 160px;
width: 200px;
}

</style>
</head>
<body bgcolor="black" text="white">
<div id="header">
<img src="Soccer Logo.jpg" alt="The Complete Soccer Guide">
</div>
<div id="left">
Menu
</div>
<div id="center">
<h1> Home of Soccer</h1>
<h2 align="center"> Need some Soccer Tips?</h2><br> Under Construction
</div>
<div id="right"> bob
</div>
</body>



</html>
    HTML:
    Hope this helps you
     
    islandhopper8, Dec 20, 2008 IP
  3. theblurr5495

    theblurr5495 Active Member

    Messages:
    436
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #3
    Thank you so much!
     
    theblurr5495, Dec 20, 2008 IP