DH Templates

Home > Free Html Website Templates Information > Free Html Website Templates Knowledge Base > Why won't this CSS Template work or show in my index.html (HTML file) at my domain?

Why won't this CSS Template work or show in my index.html (HTML file) at my domain?

I downloaded this free template PinkStripe from http://themebot.com/website-templates/html-templates/4356-pink-stripe I try to change my index.html (which is just a blank page which says UNDER CONSTRUCTION) here at http://webftp.coolhosting.cz/index.php Or maybe I am supposed to edit the PHP script called net2ftp installer.php? Here's the code: Tell me what I did wrong/ Could not fit the entire stuff in here. <<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs"> <head> <title>Esthevision.cz</title> <meta name="author" content="Design/Code: Lukas Konarik; e-mail: lukas@konarik.cz; web: www.konarik.info"/> <meta name="copyright" content="lukas@konarik.info"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="description" content=""/> <meta name="keywords" content=""/> <meta name="expires" content="never"/> <meta name="distribution" content="global"/> <meta name="rating" content="general"/> <meta http-equiv="Cache-control" content="no-cache"/> <meta http-equiv="msthemecompatible" content="yes"/> <meta http-equiv="ImageToolBar" content="no"/> </head> <body> <div id="container"> margin: 0; padding: 0; background: #7F6D79 url <body> <div id="container"> margin: 0; padding: 0; background: #7F6D79 url('../images/b1r.jpg') repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #E3F3F5 } <select>, input, textarea { background-color: #A29390; border: 1px solid #5B3D3F; color: #5B3D3F; font-family: arial, tahoma, verdana, helvetica, sans serif; font-size: 9pt; } h1, h2, h3 { margin-top: 0; font-weight: normal; } <h1> { font-size: 197%; color: #E788C2; } <h2> { font-size: 136%; color: #A8B4BE } <h3> { font-size: 100%; color: #381616; font-weight: bold; } <h4> { font-size: 105%; color: #A8B4BE; } <p>, ul, ol { margin-bottom: 1.6em; line-height: 180%; } p { } <blockquote> { color: #EBE3EA; } <ul> { } <ol> { } <a> { color: #B5D5D0; } <a:hover> { text-decoration: none; } <small> { } <#header> { width: 700px; height: 77px; margin: 0 auto; I realize I copy pasted some parts twice. float: left; width: 151px; background: #867480 url('../images/sidebar.jpg') no-repeat; ; padding-left:10px; padding-right:10px; padding-top:22px; padding-bottom:30px } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { } #sidebar li ul { } #sidebar li li { padding: 5px 0; } #sidebar h2 { font-size: 114%; font-weight: bold; color: #B5D5D0 } #sidebar h3 { margin: 0; } #sidebar p { margin: 0; line-height: normal; } #sidebar a { text-decoration: none; } #sidebar a:hover { color: #E5F1EF; text-decoration: underline; } <#footer> { clear: both; height: 90px; padding-top: 23px; background: #5A3E55 url('../images/b1b.jpg') repeat-x; color: #9A9A9A } <#footer p> { margin: 0; text-align: center; font-size: 77%; } <#footer a> { color: #7E7E7E; } </div> </body> </html>

Public Comments

  1. Do not put the CSS file straight into your index.html. Call it style.css (for example) and add the following link to your index.html (in the head.) <link rel="stylesheet" type="text/css" href="style.css" /> It should work then. HTH
  2. IF this is the entire page the answer is very simple, there is NO CONTENT here, its all just style.. Somewhere you have to put CONTENT that you want shown! For instance did you load the image file /images/b1r.jpg into a directory called images on your website? Did you add any content for the "Header" etc. Or even a line of code like <h1>This is a Headline Line</h1>
Powered by Yahoo! Answers