What wrong with this code?

Printable View

Show 40 post(s) from this thread on one page

27-05-2008, 02:29 PM
Gangster

What wrong with this code?

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! :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
27-05-2008, 02:31 PM
Swearwolf

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>
27-05-2008, 02:36 PM
Gangster

Quote:

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 :(
27-05-2008, 02:36 PM
Moh

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>
27-05-2008, 02:41 PM
Swearwolf

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
27-05-2008, 02:41 PM
Gangster

Quote:

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?
27-05-2008, 02:45 PM
Swearwolf

HTML Code:

body { background: url(images/background1.PNG) ; { ^ that should be other way round, }
27-05-2008, 02:46 PM
Moh

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 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>
27-05-2008, 02:46 PM
Gangster

Quote:

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.
27-05-2008, 02:48 PM
Moh

Quote:

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

Show 40 post(s) from this thread on one page