Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 3 123 LastLast
Results 1 to 15 of 32
  1. #1
    New Coder
    Join Date
    Oct 2008
    Posts
    19
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Help with stylesheet.

    My stylesheet isnt going right it keeps coming up like this-
    http://www.freewebs.com/ultimatecheradinetest/
    its not showing my background or anything
    is the stylesheet wrong?
    i will post a link if needed

  • #2
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    There is only one line of HTML, the <link>, and the rest is just CSS in an html document. This is why nothing is showing up. You need to declare the proper html tags that a basic document needs, and then wrap your current CSS in

    Code:
    <style type="text/css">All that CSS goes here!</style>
    Then you need to add HTML tags into the body of the document for these things to show up.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #3
    New Coder
    Join Date
    Oct 2008
    Posts
    19
    Thanks
    1
    Thanked 0 Times in 0 Posts
    So i need to put all of that stuff into where it says All that CSS goes here!

  • #4
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Individual.x View Post
    So i need to put all of that stuff into where it says All that CSS goes here!
    Jeremy is correct, and you will put this code instead of the one you have now:
    Code:
    <style type="text/css">.style { font-family: Arial, Helvetica, sans-serif; font-size: 7px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFF00; text-decoration: none; background-attachment: scroll; background-color: #333333; scrollbar-face-color:#333333; scrollbar-highlight-color:#333333; scrollbar-3dlight-color:#333333; scrollbar-shadow-color:#333333; scrollbar-darkshadow-color:#333333; scrollbar-track-color:#333333; scrollbar-arrow-color:#FFFF00; background-repeat: no-repeat; background-position: center center; letter-spacing: normal; text-align: left; vertical-align: baseline; word-spacing: normal; white-space: normal; display: table-row; clear: right; float: left; width: auto; border: thin solid #666666; list-style-position: inside; list-style-image: url(bullet6.png); list-style-type: none; overflow: scroll; position: fixed; visibility: visible; z-index: auto; height: auto; left: auto; top: auto; right: auto; bottom: auto; clip: rect(auto,auto,auto,auto); cursor: auto; page-break-before: auto; page-break-after: auto; table-layout: font-family: Arial; font-size: 7pt; line-height: 7pt; color: #000000; entrytext{ font-weight: normal; li { list-style-image:url(http://i219.photobucket.com/albums/cc58/vejc-design/downloadlayouts/bullet6.png); margin-bottom: 0px; margin-top: 0px; margin-right: 2px; margin-left: 0px; } u { color: #0c0b11; font-family: arial; font-size: 8pt; font-weight: normal; text-align: justify; border-bottom: 1px dashed #0c0b11; } b { COLOR: #fff; font-family: arial; FONT-SIZE: 7pt; background: #; } i { COLOR: #58676e; font-family: arial; FONT-SIZE: 8pt; } h1 { cursor:default; background-image:url(); background-color: #412d3d; color: #ffffff; font-size:7pt; font-family: tahoma; letter-spacing:1px; line-height:12pt; text-align: right; padding: 3px; font-weight: bold; text-transform: uppercase; border-bottom: 0px solid #d17a25; border-top: 0px solid #9fd67f; border-right: 0px solid #222222; border-left: 0px solid #818181; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h2 { cursor:default; background-color: #412d3d; background-image:url(); font-size:7pt; font-family:tahoma; letter-spacing:0px; line-height:12pt; color: #ffffff; padding: 3px; text-align: right; font-weight: bold; text-transform: uppercase; border-bottom: 0px solid #5a2a18; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h3 { cursor:default; background-color: #467b8b; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:9pt; color: #000; padding: 1px; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h4 { cursor:default; background-color: #846060; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:9pt; padding: 1px; color: #000; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h5 { cursor:default; background-color: #d4c8d3; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:9pt; color: #412d3d; padding: 3px; font-weight: normal; text-transform: none; border-top: 0px solid #a7a7a7; border-left: 0px solid #a7a7a7; border-right: 0px solid #4e4e4e; border-bottom: 0px solid #4e4e4e; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } blockquote { cursor:default; background-color: #285b6c; font-size:7pt; width: 100px; height: 20px; text-align: left; font-family:arial; letter-spacing:0px; line-height:8pt; color: #050d10; border: 1px solid #000000; padding: 1px; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } .special { font-family: Tahoma; font-size: 7pt; color: #293763; font-weight: bold; line-height: 7pt; } a:link { text-decoration: none; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:10pt; padding: 0px; color: #000000; font-weight:normal; text-align: justify; } a:visited { text-decoration: none; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:10pt; padding: 0px; color: #000000; font-weight:normal; text-align: justify; } a:hover { text-decoration: none; color: #ffffff; border-bottom: 1px dotted #ffffff; } a.nav, a.nav:link, a.nav:active, a.nav:visited { text-decoration: none; font-family: verdana; font-weight:normal; font-size:9px; line-height:13px; color: #513c4d; padding: 2px; display:block; letter-spacing:1px; border-bottom: 0px solid #5c6a74; border-left: 15px solid #856f84; padding: 0px; text-align: left; background: #d4c8d3; text-transform: none; } a.nav:hover { text-decoration: none; font-family: verdana; font-weight:normal; font-size:9px; line-height:13px; color: #513c4d; padding: 2px; display:block; letter-spacing:1px; border-bottom: 0px solid #aec5d8; border-left: 15px solid #ab96a7; padding: 0px; text-align: left; background: #d4c8d3; text-transform: none; } textarea { color: #000000; text-transform: none; background: #8e6c6c; font-size: 7pt; font-weight: normal; text-decoration: none; font-family: tahoma; text-align: left; border-width: 1px; border-style: solid; border-color: #401e1d; } xmp { color: #000000; text-transform: none; background: #8e6c6c; font-size: 7pt; font-weight: normal; text-decoration: none; font-family: tahoma; text-align: left; border-width: 1px; border-style: solid; border-color: #401e1d; } </style>

  • #5
    New Coder
    Join Date
    Oct 2008
    Posts
    19
    Thanks
    1
    Thanked 0 Times in 0 Posts
    so i put that code u just posted into the space what jeremy posted?

  • #6
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    You have to put all of this in there...

    Code:
    <style type="text/css">
    .style { font-family: Arial, Helvetica, sans-serif; font-size: 7px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFF00; text-decoration: none; background-attachment: scroll; background-color: #333333; scrollbar-face-color:#333333; scrollbar-highlight-color:#333333; scrollbar-3dlight-color:#333333; scrollbar-shadow-color:#333333; scrollbar-darkshadow-color:#333333; scrollbar-track-color:#333333; scrollbar-arrow-color:#FFFF00; background-repeat: no-repeat; background-position: center center; letter-spacing: normal; text-align: left; vertical-align: baseline; word-spacing: normal; white-space: normal; display: table-row; clear: right; float: left; width: auto; border: thin solid #666666; list-style-position: inside; list-style-image: url(bullet6.png); list-style-type: none; overflow: scroll; position: fixed; visibility: visible; z-index: auto; height: auto; left: auto; top: auto; right: auto; bottom: auto; clip: rect(auto,auto,auto,auto); cursor: auto; page-break-before: auto; page-break-after: auto; table-layout: font-family: Arial; font-size: 7pt; line-height: 7pt; color: #000000; entrytext{ font-weight: normal; li { list-style-image:url(http://i219.photobucket.com/albums/cc58/vejc-design/downloadlayouts/bullet6.png); margin-bottom: 0px; margin-top: 0px; margin-right: 2px; margin-left: 0px; } u { color: #0c0b11; font-family: arial; font-size: 8pt; font-weight: normal; text-align: justify; border-bottom: 1px dashed #0c0b11; } b { COLOR: #fff; font-family: arial; FONT-SIZE: 7pt; background: #; } i { COLOR: #58676e; font-family: arial; FONT-SIZE: 8pt; } h1 { cursor:default; background-image:url(); background-color: #412d3d; color: #ffffff; font-size:7pt; font-family: tahoma; letter-spacing:1px; line-height:12pt; text-align: right; padding: 3px; font-weight: bold; text-transform: uppercase; border-bottom: 0px solid #d17a25; border-top: 0px solid #9fd67f; border-right: 0px solid #222222; border-left: 0px solid #818181; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h2 { cursor:default; background-color: #412d3d; background-image:url(); font-size:7pt; font-family:tahoma; letter-spacing:0px; line-height:12pt; color: #ffffff; padding: 3px; text-align: right; font-weight: bold; text-transform: uppercase; border-bottom: 0px solid #5a2a18; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h3 { cursor:default; background-color: #467b8b; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:9pt; color: #000; padding: 1px; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h4 { cursor:default; background-color: #846060; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:9pt; padding: 1px; color: #000; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h5 { cursor:default; background-color: #d4c8d3; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:9pt; color: #412d3d; padding: 3px; font-weight: normal; text-transform: none; border-top: 0px solid #a7a7a7; border-left: 0px solid #a7a7a7; border-right: 0px solid #4e4e4e; border-bottom: 0px solid #4e4e4e; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } blockquote { cursor:default; background-color: #285b6c; font-size:7pt; width: 100px; height: 20px; text-align: left; font-family:arial; letter-spacing:0px; line-height:8pt; color: #050d10; border: 1px solid #000000; padding: 1px; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } .special { font-family: Tahoma; font-size: 7pt; color: #293763; font-weight: bold; line-height: 7pt; } a:link { text-decoration: none; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:10pt; padding: 0px; color: #000000; font-weight:normal; text-align: justify; } a:visited { text-decoration: none; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:10pt; padding: 0px; color: #000000; font-weight:normal; text-align: justify; } a:hover { text-decoration: none; color: #ffffff; border-bottom: 1px dotted #ffffff; } a.nav, a.nav:link, a.nav:active, a.nav:visited { text-decoration: none; font-family: verdana; font-weight:normal; font-size:9px; line-height:13px; color: #513c4d; padding: 2px; display:block; letter-spacing:1px; border-bottom: 0px solid #5c6a74; border-left: 15px solid #856f84; padding: 0px; text-align: left; background: #d4c8d3; text-transform: none; } a.nav:hover { text-decoration: none; font-family: verdana; font-weight:normal; font-size:9px; line-height:13px; color: #513c4d; padding: 2px; display:block; letter-spacing:1px; border-bottom: 0px solid #aec5d8; border-left: 15px solid #ab96a7; padding: 0px; text-align: left; background: #d4c8d3; text-transform: none; } textarea { color: #000000; text-transform: none; background: #8e6c6c; font-size: 7pt; font-weight: normal; text-decoration: none; font-family: tahoma; text-align: left; border-width: 1px; border-style: solid; border-color: #401e1d; } xmp { color: #000000; text-transform: none; background: #8e6c6c; font-size: 7pt; font-weight: normal; text-decoration: none; font-family: tahoma; text-align: left; border-width: 1px; border-style: solid; border-color: #401e1d; } 
    </style>
    I suggest going through some of the basics at http://w3schools.com/html/default.asp to help you figure out what you are doing with HTML and CSS.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #7
    New Coder
    Join Date
    Oct 2008
    Posts
    19
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I did what you said and now its blank http://www.freewebs.com/ultimatecheradinetest/
    now what do i do?
    thanks for the help btw

  • #8
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Close, remove the outer <script></script> tags. What I posted above is all that you should have there.

    Please PLEASE read up on how all of this works, because these are fundamental things to know about HTML which reading the tutorials will help clear up.

    Stylesheets don't work if there isn't an HTML document to alter. Stylesheets styles content, and HTML describes content.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #9
    New Coder
    Join Date
    Oct 2008
    Posts
    19
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I will read up on the basics, but i wanna get my background and banner up first
    i have took the extra stuff out, so now its just like u posted

  • #10
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    The problem is that without the HTML, nothing will display. You need at least the basics of the HTML document before the CSS will show anything. This is the MINIMIUM, except its missing a DOCTYPE, but for the moment I won't confuse you.

    Put the code from above in place of the <style></style> part.

    Code:
    <html>
    <head>
    <title>Page Name</title>
    <style></style>
    </head>
    <body>
    </body>
    </html>
    You must read up on what you are trying to do, its more than just a simple answer can give you.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #11
    New Coder
    Join Date
    Oct 2008
    Posts
    19
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Right i've done that now do i put my background in the <body> tags?

  • #12
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    I'm sorry, there is too much you don't understand and you aren't following my directions.

    Now you have everything in the wrong order and places, which is why it doesn't work. Below all of the code, delete everything else and put this.

    Read the tutorial please.

    Code:
    <html>
    <head>
    <title>Page Name</title>
    <style type="text/css">.style { font-family: Arial, Helvetica, sans-serif; font-size: 7px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFF00; text-decoration: none; background-attachment: scroll; background-color: #333333; scrollbar-face-color:#333333; scrollbar-highlight-color:#333333; scrollbar-3dlight-color:#333333; scrollbar-shadow-color:#333333; scrollbar-darkshadow-color:#333333; scrollbar-track-color:#333333; scrollbar-arrow-color:#FFFF00; background-repeat: no-repeat; background-position: center center; letter-spacing: normal; text-align: left; vertical-align: baseline; word-spacing: normal; white-space: normal; display: table-row; clear: right; float: left; width: auto; border: thin solid #666666; list-style-position: inside; list-style-image: url(bullet6.png); list-style-type: none; overflow: scroll; position: fixed; visibility: visible; z-index: auto; height: auto; left: auto; top: auto; right: auto; bottom: auto; clip: rect(auto,auto,auto,auto); cursor: auto; page-break-before: auto; page-break-after: auto; table-layout: font-family: Arial; font-size: 7pt; line-height: 7pt; color: #000000; entrytext{ font-weight: normal; li { list-style-image:url(http://i219.photobucket.com/albums/cc58/vejc-design/downloadlayouts/bullet6.png); margin-bottom: 0px; margin-top: 0px; margin-right: 2px; margin-left: 0px; } u { color: #0c0b11; font-family: arial; font-size: 8pt; font-weight: normal; text-align: justify; border-bottom: 1px dashed #0c0b11; } b { COLOR: #fff; font-family: arial; FONT-SIZE: 7pt; background: #; } i { COLOR: #58676e; font-family: arial; FONT-SIZE: 8pt; } h1 { cursor:default; background-image:url(); background-color: #412d3d; color: #ffffff; font-size:7pt; font-family: tahoma; letter-spacing:1px; line-height:12pt; text-align: right; padding: 3px; font-weight: bold; text-transform: uppercase; border-bottom: 0px solid #d17a25; border-top: 0px solid #9fd67f; border-right: 0px solid #222222; border-left: 0px solid #818181; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h2 { cursor:default; background-color: #412d3d; background-image:url(); font-size:7pt; font-family:tahoma; letter-spacing:0px; line-height:12pt; color: #ffffff; padding: 3px; text-align: right; font-weight: bold; text-transform: uppercase; border-bottom: 0px solid #5a2a18; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h3 { cursor:default; background-color: #467b8b; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:9pt; color: #000; padding: 1px; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h4 { cursor:default; background-color: #846060; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:9pt; padding: 1px; color: #000; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h5 { cursor:default; background-color: #d4c8d3; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:9pt; color: #412d3d; padding: 3px; font-weight: normal; text-transform: none; border-top: 0px solid #a7a7a7; border-left: 0px solid #a7a7a7; border-right: 0px solid #4e4e4e; border-bottom: 0px solid #4e4e4e; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } blockquote { cursor:default; background-color: #285b6c; font-size:7pt; width: 100px; height: 20px; text-align: left; font-family:arial; letter-spacing:0px; line-height:8pt; color: #050d10; border: 1px solid #000000; padding: 1px; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } .special { font-family: Tahoma; font-size: 7pt; color: #293763; font-weight: bold; line-height: 7pt; } a:link { text-decoration: none; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:10pt; padding: 0px; color: #000000; font-weight:normal; text-align: justify; } a:visited { text-decoration: none; font-size:8pt; font-family:arial; letter-spacing:0px; line-height:10pt; padding: 0px; color: #000000; font-weight:normal; text-align: justify; } a:hover { text-decoration: none; color: #ffffff; border-bottom: 1px dotted #ffffff; } a.nav, a.nav:link, a.nav:active, a.nav:visited { text-decoration: none; font-family: verdana; font-weight:normal; font-size:9px; line-height:13px; color: #513c4d; padding: 2px; display:block; letter-spacing:1px; border-bottom: 0px solid #5c6a74; border-left: 15px solid #856f84; padding: 0px; text-align: left; background: #d4c8d3; text-transform: none; } a.nav:hover { text-decoration: none; font-family: verdana; font-weight:normal; font-size:9px; line-height:13px; color: #513c4d; padding: 2px; display:block; letter-spacing:1px; border-bottom: 0px solid #aec5d8; border-left: 15px solid #ab96a7; padding: 0px; text-align: left; background: #d4c8d3; text-transform: none; } textarea { color: #000000; text-transform: none; background: #8e6c6c; font-size: 7pt; font-weight: normal; text-decoration: none; font-family: tahoma; text-align: left; border-width: 1px; border-style: solid; border-color: #401e1d; } xmp { color: #000000; text-transform: none; background: #8e6c6c; font-size: 7pt; font-weight: normal; text-decoration: none; font-family: tahoma; text-align: left; border-width: 1px; border-style: solid; border-color: #401e1d; } </style>
    </head>
    <body>
    </body>
    </html>
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #13
    New Coder
    Join Date
    Oct 2008
    Posts
    19
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Ok its now correct and im going to read the tutorial now

  • #14
    New Coder
    Join Date
    Oct 2008
    Posts
    19
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Read it. Its definitley made things a lot clearer The background does go between the <body> tags i thought so.

  • #15
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    You read all of those?

    Your style sheet (I actually read it all, its rather long) has nothing about backgrounds in it. Did you write that code?

    I think it might be best if you read more of the pages in that tutorial, it is really the best simple explanation of how pages are setup and designed. You will require at least that basic understanding before moving forward.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.


  •  
    Page 1 of 3 123 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •