Noob Problem!

**.Rocket** · 04-16-2007, 08:05 AM

Hey people.

I just created my webpage. Now i want to host it.
Now iv got a account on HostUltra.com which is free.

I got to put in my content for the index.html. thats done.
But then theres no where to put my ccs. Where does that go & what do i do?

**timbre** · 04-16-2007, 09:10 AM

When your dmain name was registered?

**.Rocket** · 09:31 AM

this is my url: http://free.hostultra.com/~rocket28/ <- see pretty fooked

what i did when i made my site, coz im new to coding. i get a template and just edited everything. now my page should look like this http://img221.imageshack.us/img221/4...r162139of4.gif But it just dont ya see lol

When i got the templates, i edited the Index via Notepad. Did all that. But also there is a folder and its the ccs. and i also edited that. Now on the hosting site. theres only one place to one thing which is the html. theres no place for the ccs html.

And i tryed putting them in the same one and it dont work.

**LadynRed** · 04-16-2007, 04:33 PM

You need to re-create the exact folder structure from your template on the your web host, so you need to create a folder for your css and put the CSS file in it.

If you cannot make any new folders, then you will have to edit the html files so that it looks in the ROOT directory for the css file and put the css file in the SAME folder as the HTML files.

**.Rocket** · 11:56 PM

ok i dont really get you.
but what i need to do i think. is this.

this is my index

Quote:

ï»¿<?xml version="1.0"?>
<!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>
<style type="text/css">
body
{
background-image:
url('http://i157.photobucket.com/albums/t57/Rocket_28_/BannerJPEG.jpg')
}
</style>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" />
<meta name="robots" content="all,follow" />
<meta name="author" content="All: ... [Nazev webu - www.url.cz]; e-mail: info@url.cz" />
<meta name="copyright" content="Design/Code: Vit Dlouhy [Nuvio - www.nuvio.cz]; e-mail: vit.dlouhy@nuvio.cz" />

<title>LFC Land</title>
<meta name="description" content="Download Liverpool Videos, Watch Live Streams + 24 Hour Forum" />
<meta name="keywords" content="Liverpool FC" />

<link rel="index" href="./" title="Home" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="./css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="./css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="./css/aural.css" />
</head>
<body id="">

<div id="main" class="box">

<div id="header">


<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr />
</div>

</div> 

<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3>
<ul class="box">

<li id="active"><a href="#">LFC Land<span class="tab-l"></span><span class="tab-r"></span></a></li> 
<li><a href="<A href="http://z6.invisionfree.com/kop_land/index.php?act=idx">Forum<span">http://z6.invisionfree.com/kop_land/index.php?act=idx">Forum<span class="tab-l"></span><span class="tab-r"></span></a></li>

</ul>
<hr class="noscreen" />
</div> 

<div id="page" class="box">
<div id="page-in" class="box">
<div id="strip" class="box noprint">


<p id="breadcrumbs">->: <a href="#">Home</a> > <a href="#">Category</a> > <strong>Page</strong></p>
<hr class="noscreen" />

</div> 

<div id="content">

<div class="article">
<h2><span><a href="#">Forum</a></span></h2>
<p class="info noprint">
<span class="date">2007-01-01 @ 00:01</span><span class="noscreen">,</span>

</p>
<p><a href="http://z6.invisionfree.com/kop_land/index.php?act=idx">
<img border="0" src="http://i157.photobucket.com/albums/t...t_28_/ENTa.jpg" width="422" height="126">
</a></p>

</div> 
<hr class="noscreen" />

<div class="article">
<h2><span><a href="#">Liverpool News</a></span></h2>
<p class="info noprint">
Rafael Benitez has sent a message of condolence to the families and friends of those who lost their lives at Hillsborough eighteen years ago today.
A memorial service will take place at Anfield this afternoon when supporters can remember each of the 96 who lost their lives on April 15, 1989.<br><br>

Benitez, his staff and the playing squad will all attend the service which will include readings from David Moores and Jamie Carragher.

All supporters are welcome to attend and are advised to be in their seats by 2pm.

"We know this time of year is always especially difficult for those people who lost family and friends at Hillsborough," said Benitez.

"All we can say is that we are thinking of them and that we will all be at the service at Anfield this afternoon to support the people and to remember those who died."

</p>
</div> 
<hr class="noscreen" />

<div class="article">
<h2><span><a href="#">Liverpool Video</a></span></h2>
<p class="info noprint">

</p>
<table border="0" width="100%" cellpadding="10">
<tr>
<td width="50%" valign="top">
<p><b>Liverpool 1-0 PSV</b><br>
<a href="http://www.zshare.net/download/crouc...s-psv-zip.html">
Download Zshare</a>

<p><b>PSV 0-3 Liverpool</b><br>
<a href="http://www.zshare.net/video/gerrard-...-2007-avi.html">
Download Zshare</a> Gerrard 1-0<br>
<a href="http://www.zshare.net/video/riise-0-...-2007-avi.html">
Download Zshare</a> Riise 2-0<br>
<a href="http://www.zshare.net/video/crouch-0...-2007-avi.html">
Download Zshare</a> Crouch 3-0</p>
</td>
<td width="50%" valign="top">
<p><b>Manchester City 0-0 Liverpool</b><br>
<a href="http://www.zshare.net/download/liver...ights-rar.html">
Download Zshare</a>

<p><b>Reading 1-2 Liverpool</b><br>
<a href="http://www.zshare.net/download/readi...rpool-zip.html">
Download Zshare</a>
</td>
</tr>
</table>

</div> 
<hr class="noscreen" />


<div class="article">
<h2><span><a href="#">Live Streams</a></span></h2>
<p class="info noprint">

</p>

</div> 
<hr class="noscreen" />

<div class="article">
<h2><span><a href="#">LFC Land News</a></span></h2>
<p class="info noprint">
<span class="date">2007-04-14 @ 15:34</span><span class="noscreen">,</span>

<span class="comments"><a href="<A href="http://z6.invisionfree.com/kop_land/index.php?showtopic=1018&st=0">Comments</a></span">http://z6.invisionfree.com/kop_land/index.php?showtopic=1018&st=0">Comments</a></span>
</p>
<p><b>Rocket Reaches 4000</b><br><br>Adam AKA .Rocket AKA mr sexy hat has reached his 4000 posts mark. The auzzi had been out for a while with the old forum closing down but he has found his posting spirit again and is as good as ever. Rocket has taken a break from his volleyball tournaments to post on the good old lfcland and make it what it was. Rumours say that Rocket will be made a National hero by the Australian government. Rocket has already done over 200 book signings for his new book: "My 4000 post story" which is in shops right now and its Â£9.99.<br><br>
<i>Thomas Wilkes
Lfcland</i></p>
<p class="btn-more box noprint"><strong><a href="#">Continue</a></strong></p>
</div> 
<hr class="noscreen" />

</div>



<div id="col" class="noprint">
<div id="col-in">

<hr class="noscreen" />

<hr class="noscreen" />

<h3><span>Video Archive</span></h3>
<ul id="archive">
<li id="archive-active"><a href="#">April 2007</a></li> 

<li><a href="#">March 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">January 2007</a></li>
</ul>
<hr class="noscreen" />

<h3><span>Links</span></h3>
<ul id="links">
<li><a href="<A href="http://www.liverpoolfc.tv/">LFC">http://www.liverpoolfc.tv/">LFC Official Site</a></li>
<li><a href="<A href="http://www.premierleague.com/fapl.rac?command=forwardOnly&nextPage=homepage">Pr emier">http://www.premierleague.com/fapl.rac?command=forwardOnly&nextPage=homepage">Pr emier League</a></li>
<li><a href="http://liverpoollivesinme.blogspot.com/
">Liverpool Lives In Me</a></li>

</ul>
<hr class="noscreen" />

</div> 
</div> 
</div> 
</div> 

<div id="footer">
<div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" title="Back on top ^">^<span></span></a></p></div>
<hr class="noscreen" />

<p id="createdby">Created by Rocket Designs</a> </p>
<p id="copyright">© LFC Land 2007</a> | Created by <a href="<A href="http://z6.invisionfree.com/kop_land/index.php?showuser=16">Rocket</a></a></p">http://z6.invisionfree.com/kop_land/index.php?showuser=16">Rocket</a></a></p>
</div> 
</div> 
</body>
</html>

XXXXXXXXXXXXXXXXXXXXXXx

and this is my ccs

Quote:

/*
Project: RubyX
http://www.kendahlin.com/
Based entirely on CrystalX by original author listed below (only the color scheme was changed):
URL: http://www.nuvio.cz

Output device: screen, projection

Author: Vit Dlouhy (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
Last revision: 2006-12-05, 12:00 GMT+1
Structure:
display | position | float | overflow | width | height | border | margin | padding | background | align | font
*/
* {min-height:1px;}
body {border:0; margin:0; padding:0; background:#971B1B url("http://i157.photobucket.com/albums/t...8_/ZZZZXXX.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#7f000b; _text-align:center;}
a {color:#7f000b;}
a:hover {color:#ff2740;}
p {border:0; margin:15px 0; padding:0;}
div {display:block; border:0; margin:0; padding:0;}
<head>
<style type="text/css">
h1 {color: #000000}
h2 {color: #FFFFFF}
h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:"Asenine",serif; font-weight:bold;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:100%;}
h5 {font-size:100%;}
</style>
</head>
table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #ffaec0; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:1px solid #ffaec0; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#ffe5e9; text-align:center; color:#7f000b; font-weight:bold;}
ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}
dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}
form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}
hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}
a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}
del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}
/* Floating */
.f-left {float:left;}
.f-right {float:right;}
/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}
.va-middle {vertical-align:middle;}
.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}
.nom {margin:0;}
.noscreen {display:none;}
/* -----------------...........--------------------------------------------------------------------------------------- */
#main {width:770px; margin:50px auto 0 auto; _text-align:left;}
/* Header */
#header {position:relative; width:770px; height:120px; margin:0; padding:0; background:#233C9B url("http://i157.photobucket.com/albums/t...ket_28_/CC.jpg") 0 0 no-repeat; color:#FFF;}
/* Header - logo */
#header #logo {position:absolute; top:35px; left:35px; margin:0;}
#header #logo a {color:#FFF;}
#header #logo a:hover {color:#CF0000; text-decoration:underline;}

/* Header - Search */
#header #search {position:absolute; top:35px; right:20px;}
#header #search form {position:relative;}
#header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("../design/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#7f000b;}
#header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#7f000b;}
#header #search #search-submit {position:absolute; top:0; right:0px;}
#header #search fieldset {margin:0; padding:0; border:0;}
#header #search fieldset {width:200px;}
#header #search legend {display:none;}
/* Main menu (tabs) */
#tabs {background:#7f000b; margin:0 0px; padding:10px 0 0 0; _height:1px;}
#tabs ul {margin:0 10px; padding:0; list-style:none;}
#tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
#tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_link.gif") 0 0 repeat-x; color:#ff99b2; font-weight:bold; text-decoration:none; cursor

ointer;}

/* Main menu (tabs - link) */
#tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_link_l.gif") 0 0 no-repeat;}
#tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_link_r.gif") 100% 0 no-repeat;}

/* Main menu (tabs - hover) */
#tabs ul li a:hover {background:url("../design/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
#tabs ul li a:hover span.tab-l {background:url("../design/tab_hover_l.gif") 0 0 no-repeat;}
#tabs ul li a:hover span.tab-r {background:url("../design/tab_hover_r.gif") 100% 0 no-repeat;}

/* Main menu (tabs - active) */
#tabs ul li#active a {background:#FFF; color:#FF0000;}
#tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_active_l.gif") 0 0 no-repeat;}
#tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../design/tab_active_r.gif") 100% 0 no-repeat;}
/* Page (2 columns) */
#page {width:770px; min-height:1px; background:#FFF url("http://i157.photobucket.com/albums/t...8_/ZZZ1111.jpg") 0 0 repeat-y; _height:1px;}
#page-in {min-height:1px; padding:10px 0; background:url("../design/bg_page_in.jpg") 0 0 no-repeat; _height:1px;}
/* Strip */
#strip {position:relative; clear:both; padding:3px 20px 10px 20px; color:#E50000;}
#strip p {margin:0;}
#strip a {color:#ff335e;}
#strip a:hover {color:#7f000b;}
/* Strip - breadcrumbs */
#strip #breadcrumbs {width:520px; margin:0; padding:0;}

/* Strip - RSS */
#strip #rss {float:right; width:175px; _width:200px; margin:0; padding-left:25px; background:url("../design/ico_rss.gif") 0 50% no-repeat}
/* Content */
#content {float:left; width:530px; _width:550px; margin:0; padding:0 0 0 20px;}
/* Content - article */
#content .article {clear:both; margin:0; padding:20px; background:url("http://i157.photobucket.com/albums/t...et_28_/005.jpg") 0 0 no-repeat;}
#content .article h2 {margin:0 -20px; padding:10px; background:#FFFFFF url("http://i157.photobucket.com/albums/t...et_28_/004.jpg") 0 0 repeat-y; color:#FFFFFF;}
#content .article h2 span {background:url("http://i157.photobucket.com/albums/t...8_/2Marker.gif") 0 50% no-repeat; padding-left:25px;}

#content .article p {text-align:justify;}
#content .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #FFFFFF; color:#A20017;}
#content .info a {color:#E00000;}
#content .info a:hover {color:#FF0000;}

#content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments {padding-left:15px;}
#content .info span.date {background:url("../design/ico_date.gif") 0 50% no-repeat;}
#content .info span.cat {background:url("../design/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
#content .info span.user {background:url("../design/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
#content .info span.comments {background:url("../design/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}
/* Content - More */
#content .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
#content .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("../design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
#content .btn-more a:hover {background:url("../design/btn_more.gif") -95px 0 no-repeat;}
/* Right column */
#col {float:left; width:200px; margin:0; padding:0; background:#ffc8d4 url("http://i157.photobucket.com/albums/t...t_28_/1www.jpg") 0 0 repeat-y;}
#col-in {padding:20px 10px; background:url("http://i157.photobucket.com/albums/t...ket_28_/M6.jpg") 0 0 no-repeat;}
#col h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#ff94ab url("http://i157.photobucket.com/albums/t...t_28_/1www.jpg") 0 0 repeat-y; color:#7f000b;}
/* Right column - About me */
#col #about-me {margin-bottom:15px; line-height:130%;}
#col #about-me p {margin:0;}
#col #about-me #me {float:left; width:54px; height:58px; margin-right:7px;}
/* Right column - Category */
#col ul#category {margin:15px 0; padding:0; list-style:none;}
#col ul#category li {margin:0; padding:0; border-bottom:1px solid #ffdbe3;}
#col ul#category li a {display:block; padding:3px 0 3px 22px; background:url("../design/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
#col ul#category li a:hover {background-color:#ffccd8; color:#7f000b;}
#col ul#category li#category-active a {background:#ffdbe3 url("../design/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}

/* Right column - Archive */
#col ul#archive {margin:15px 0; padding:0; list-style:none;}
#col ul#archive li {margin:0; padding:0; border-bottom:1px solid #ffdbe3;}
#col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("../design/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}
#col ul#archive li a:hover {background-color:#FFFFFF; color:#520007;}
#col ul#archive li#archive-active a {background:#FFFFFF url("../design/ico_archive2.gif") 5px 6px no-repeat; font-weight:bold;}

/* Right column - Links */
#col ul#links {margin:15px 0; padding:0; list-style:none;}
#col ul#links li {margin:0; padding:0; border-bottom:1px solid #ffdbe3;}
#col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("../design/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}
#col ul#links li a:hover {background-color:#FFFFFF; color:#520007;}
/* Footer */
#footer {position:relative; clear:both; width:770px; height:60px; margin-bottom:50px; background:url("http://i157.photobucket.com/albums/t...8_/Foooter.gif") 0 0 no-repeat; color:#ff3360;}
#footer a {color:#ff3360;}
#footer a:hover {color:#7f000b;}
/* Footer - "back on top" */
#top {position:absolute; top:55px; left:550px;}
#top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
#top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("http://i157.photobucket.com/albums/t...ket_28_/FF.gif") 0 0 no-repeat; cursor

ointer;}
#top a:hover span {background:url("http://i157.photobucket.com/albums/t...ket_28_/FF.gif") -30px 0 no-repeat;}
/* Footer - copyright */
#footer p#copyright {position:absolute; top:10px; left:40px; margin:0;}
/* Footer - created by */
#createdby {position:absolute; top:10px; left:562px; margin:0; color:#FFFFFF;}
#createdby a {color:#ff6587;}

XXXXXXXXXXXXXXXXXXXXX

Could someone edit it so that there as one script & that it would work

thanks a million if you could

**.Rocket** · 04-17-2007, 01:35 PM

anyone.

or dont you understand?

**LadynRed** · 04-17-2007, 02:01 PM

Quote:

According to that you need a folder called "css". If you cannot create that folder on your host server then you need to change the path in the above link tags to this :

<link rel="stylesheet" media="screen,projection" type="text/css" href="main.css" />
<link rel="stylesheet" media="print" type="text/css" href="print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="aural.css" />

Then all the HTML and the CSS files will be in the SAME FOLDER.

**.Rocket** · 04-18-2007, 01:52 AM

thanks heaps for that LadynRed

It works now. But for some reason why i dont no. My Right Collum is now on the bottum left!! And some of my text is larger. Can you elaborate on this?

http://free.hostultra.com/~rocket28/