What wrong with this code?

Gangster · 27-05-2008, 02:29 PM

HTML Code:

<html>

<head>

<style type="text/css">

body {
background: url(images/background1.PNG) ;
{

top1 {
background: url(images/top1.PNG);
width: 905px;
height: 21px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
margin-right 10px;
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
}

</style>

</head>

<body>

<div id="top1"><marquee>Hey there, welcome to the <b>BRAND NEW</b> HABBOFURY.com, Sign into our brand new UserSystem Now! :D. 
</marquee></div>

</body>

</html>

For some reason, "Hey there, welcome to the <b>BRAND NEW</b> HABBOFURY.com, Sign into our brand new UserSystem Now!

." Comes up as default; font, size and colour. Even though it's set to be Verdana, size 12 and white. Also the image doesn't show up, why?

++rep

Swearwolf · 27-05-2008, 02:31 PM

HTML Code:

<html> <head> <style type="text/css"> body { background: url(images/background1.PNG) ; { .top1 { background: url(images/top1.PNG); width: 905px; height: 21px; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right 10px; font-family: Verdana; font-size: 12px; color: #FFFFFF; } </style> </head> <body> <div id="top1"><marquee>Hey there, welcome to the <b>BRAND NEW</b> HABBOFURY.com, Sign into our brand new UserSystem Now! :D. </marquee></div> </body> </html>

Gangster · 27-05-2008, 02:36 PM

Originally Posted by georgelol

HTML Code:

<html> <head> <style type="text/css"> body { background: url(images/background1.PNG) ; { .top1 { background: url(images/top1.PNG); width: 905px; height: 21px; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right 10px; font-family: Verdana; font-size: 12px; color: #FFFFFF; } </style> </head> <body> <div id="top1"><marquee>Hey there, welcome to the <b>BRAND NEW</b> HABBOFURY.com, Sign into our brand new UserSystem Now! :D. </marquee></div> </body> </html>

sTILL NOT WORKING

~~Moh~~ · 27-05-2008, 02:36 PM

With ID's you have it "#top1"
With Class's you have it ".top1".

You had it as just "top1".

Since your using ID's, this should work:

HTML Code:

<html>

<head>

<style type="text/css">

body {
background: url(images/background1.PNG) ;
{

#top1 {
background: url(images/top1.PNG);
width: 905px;
height: 21px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
margin-right 10px;
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
}

</style>

</head>

<body>

<div id="top1"><marquee>Hey there, welcome to the <b>BRAND NEW</b> HABBOFURY.com, Sign into our brand new UserSystem Now! :D. 
</marquee></div>

</body>

</html>

Swearwolf · 27-05-2008, 02:41 PM

HTML Code:

<html>

<head>

<style type="text/css">

body {
background: url(images/background1.PNG) ;
}

.top1 {
background: url(images/top1.PNG);
width: 905px;
height: 21px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
margin-right 10px;
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
}

</style>

</head>

<body>

<div id="top1"><marquee>Hey there, welcome to the <b>BRAND NEW</b> HABBOFURY.com, Sign into our brand new UserSystem Now! :D. 
</marquee></div>

</body>

</html>

edit: doesnt work LOL

Gangster · 27-05-2008, 02:41 PM

Originally Posted by Jack120

With ID's you have it "#top1"
With Class's you have it ".top1".

You had it as just "top1".

Since your using ID's, this should work:

HTML Code:

<html>

<head>

<style type="text/css">

body {
background: url(images/background1.PNG) ;
{

#top1 {
background: url(images/top1.PNG);
width: 905px;
height: 21px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
margin-right 10px;
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
}

</style>

</head>

<body>

<div id="top1"><marquee>Hey there, welcome to the <b>BRAND NEW</b> HABBOFURY.com, Sign into our brand new UserSystem Now! :D. 
</marquee></div>

</body>

</html>

Still not working, how do i do it with classes?

Swearwolf · 27-05-2008, 02:45 PM

HTML Code:

body {
background: url(images/background1.PNG) ;
{


^ that should be other way round, }

~~Moh~~ · 27-05-2008, 02:46 PM

Found your problem

Your body was like this:
body {
background: url(images/background1.PNG);
{

Should be like this:
body {
background: url(images/background1.PNG);
}

Try this one

HTML Code:

<html>

<head>

<style type="text/css">

body {
    background: url(images/background1.PNG);
}

#top1 {
    background: url(images/top1.PNG);
    width: 905px;
    height: 21px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

</style>

</head>

<body>

<div id="top1"><marquee>Hey there, welcome to the <b>BRAND NEW</b> HABBOFURY.com, Sign into our brand new UserSystem Now! :D. </marquee></div>

</body>

</html>

Gangster · 27-05-2008, 02:46 PM

Originally Posted by georgelol

HTML Code:

body {
background: url(images/background1.PNG) ;
{


^ that should be other way round, }

The background was fine, it's the top1 and text thats the prob.

~~Moh~~ · 27-05-2008, 02:48 PM

Originally Posted by Gangster

The background was fine, it's the top1 and text thats the prob.

Yes, but that problem was stopping the page from reading top1.

For CSS, I recommend Dreamweaver. It will highlight any errors for you

Thread: What wrong with this code?

Thread Tools

What wrong with this code?

Posting Permissions