What wrong with this code? [Archive]

Gangster

27-05-2008, 02:29 PM

<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! :D." 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>

<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

<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>

<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>

<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

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>

<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

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

^ that should be other way round, }

Moh

27-05-2008, 02:46 PM

Found your problem :P

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>

<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

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

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 :)

Gangster

27-05-2008, 02:58 PM

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

^ that should be other way round, }

Found your problem :P

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>

<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>
++REP for both of you.

EDIT: georgelol need to spread