/    Sign up×
Community /Pin to ProfileBookmark

I was told that I needed css help

I asked for javascript help and the person who helped me told me to come here and ask the nice people in the css forum how to improve my website.

my site: [url]www.floralcreations.tk[/url]
he told me to get rid of the frames and tables, but I’m only 13 years old and with out tables I would have to idea what to do, can you help?

the navigation bar is meant to be at the top, the black line thing is meant to be on the bottom, I deleted all my buttons when I got the javascript bar thingy. ?

to post a comment
CSS

12 Comments(s)

Copy linkTweet thisAlerts:
@tims15Apr 26.2005 — If you go to www.w3schools.com there are great tutorials on CSS and loads of other stuff (HTML etc)
Copy linkTweet thisAlerts:
@grdauthorApr 27.2005 — I'm sorry but I don't have time to read tuts, I don't really have time to make this site and I don't have time to encounter problems. I was told to come here, but I don't know what I need to do, I'm guessing I need css positioning or css table I don't know.. can you please help me.
Copy linkTweet thisAlerts:
@IconoclastDXApr 27.2005 — It looks to me that there is navigation bar on top and I dont see a "black line thing" not on the bottom or anywhere else. Im new but I responded becasue I was just in your predicament a few days ago. I had a site (built with tables) that wasnt quite working right and I thought that I was going to have rebuild it with css from the ground up. But since I didnt have the time for that all I did was rip out my flunky tabled navigation bar (left the rest of my tabled site structure cuz it worked) and put in a css bar using unorder lists. It was so easy I nearly re-did the rest of my site in css (but I didnt). Check out [url=http://css.maxdesign.com.au/listamatic/]Listamatic's[/url] horizontal navigation for a plethora of practially cut and paste navigation.
Copy linkTweet thisAlerts:
@grdauthorApr 27.2005 — I'm guessing I need to make css tables so I place the javasvript navigation bar in it..

IconoclastDX you made it sound so easy but I don't understand it, what do I do with it?

#navlist li

{

display: inline;

list-style-type: none;

padding-right: 20px;

}

so I pleed to you to do it for me, I have some much to do and this would take a massive load off my sholders. I would do more pleeding, but I have a huge tst folio to do, a chemistry assigment, a play for english and a historical report to do for modern history.

I'll give you heapz of credit and links to your projects etc.
Copy linkTweet thisAlerts:
@CharlesApr 27.2005 — Slow down.

This stuff is really easy but you do have to devote some time to getting it. It sounds like you need to not do this untill you have everything else in your life sorted out. Perhaps once the semester is over.
Copy linkTweet thisAlerts:
@NogDogApr 27.2005 — Your lucky day: I was bored, so played around with your page. I got rid of all the table stuff, the extra html, doctype, and header tags, and came up with this reasonable facsimile.

If you decide to use it, we can discuss later how to pay me. ?

PS: Unless the frames and pop-up stuff is being forced on you by your web host, get rid of them. They're unneeded and annoying, respectively.

<i>
</i>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1252"&gt;
&lt;meta http-equiv="Content-Language" content="en-au"&gt;
&lt;meta name="Content-Script-Type" content="text/javascript"&gt;
&lt;meta name="Content-Style-Type" content="text/css"&gt;
&lt;title&gt;floral creations&lt;/title&gt;

&lt;style type="text/css"&gt;
&lt;!--
body {
background-color: white;
color: black;
font: medium arial, helvetica, sans-serif;
margin: 0;
padding: 1em;
}
div#container {
width: 519px;
margin: 0 auto;
padding: 0;
}
ul#topnav {
margin: 0;
padding: 0;
font-weight: bold;
list-style: none;
}
#topnav li {
display: inline;
padding: 0 1em 0 0;
}
#topnav a {
color: black;
text-decoration: none;
}
#topnav a:hover, #topnav a:active { text-decoration: underline; }
#bar {
font-size: 1px;
height: 5px;
line-height: 5px;
margin: 5px 0;
background-color: #cc0;
border: solid black 1px;
}
ul#navigation {list-style:none; margin:1ex; padding:0;}
ul#navigation li {margin:0}
#navigation a {color:#000; display:block; font-size:110%; font-weight:normal; text-decoration:none;}
ul#navigation a:hover, ul#navigation a:active {background-color: #ccc;}
#flower {
border: none;
margin: 0;
float: left;
}
div#nav {
height: 344px;
width: 158px;
margin: 0 0 0 auto;
background-color: #999;
padding: 0;
font-size: 110%;
border: solid black 1px;
}
#nav h2 {
margin: 0;
padding: 5px;
border-bottom: solid 1px black;
font-size: 110%;
}
--&gt;
&lt;/style&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;div id=container&gt;
&lt;ul id=topnav&gt;
&lt;li&gt;&lt;a href="put/link/here"&gt;home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="put/link/here"&gt;forum&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="put/link/here"&gt;contact us&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="put/link/here"&gt;link to us&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="put/link/here"&gt;about us&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p id=bar&gt;&lt;/p&gt;
&lt;img id=flower src="http://www.freewebs.com/floral-creations/flower.png"
width="354" height="346"&gt;
&lt;div id=nav&gt;
&lt;h2&gt;navigation&lt;/h2&gt;
&lt;ul id="navigation"&gt;
&lt;li&gt;&lt;a href="artwork.html"&gt;artwork&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="order.html"&gt;order&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="concepts.html"&gt;concepts&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="tutorial.html"&gt;tutorial&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;img src="http://www.freewebs.com/floral-creations/floralcreations.png"
width="519" height="84" style="margin-top: 2px;"&gt;&lt;/td&gt;
&lt;/div&gt;

&lt;/body&gt;

&lt;/html&gt;
Copy linkTweet thisAlerts:
@IconoclastDXApr 27.2005 — Your lucky day: I was bored, so played around with your page. [/QUOTE]

WELL! SInce you're sooo bored, let me offer my unbordem services. You can work on my [url=http://www.webdevelopers.com/forum/showthread.php?t=64031]delema[/url].
Copy linkTweet thisAlerts:
@grdauthorApr 28.2005 — NogDog I luv you, oh well back to assigments ?
Copy linkTweet thisAlerts:
@grdauthorApr 28.2005 — is there a way to chang the colours.

I want to change the navigation bat to Hex={8A,91,9B}

And the Top Green Bar to Hex={B9,D7,1C}

How could I do that
Copy linkTweet thisAlerts:
@FangApr 28.2005 — Change these:
#bar {
font-size: 1px;
height: 5px;
line-height: 5px;
margin: 5px 0;
background-color: [COLOR=Green]#B9D71C[/COLOR];
border: solid black 1px;
}

div#nav {
height: 344px;
width: 158px;
margin: 0 0 0 auto;
background-color: [COLOR=Green]#8A919B[/COLOR];
padding: 0;
font-size: 110%;
border: solid black 1px;
}

and to make it look the same in IE and FF change:
#topnav a {
color: black;
text-decoration: none;
[COLOR=Green]border-bottom:2px solid white;[/COLOR]
}
#topnav a:hover, #topnav a:active { [COLOR=Green]border-bottom:2px solid black;[/COLOR]}
#navigation a {color:#000; display:block; font-size:110%; font-weight:normal; text-decoration:none; [COLOR=Green]width:100%;[/COLOR]}
Copy linkTweet thisAlerts:
@grdauthorApr 28.2005 — thanks so much ?
Copy linkTweet thisAlerts:
@Ness_du_FratApr 29.2005 — BTW, nothing about css or so, I just poped up in the topic like that, to say that I like your website a lot. It's simple, very nice, and now, with the css and all, it's really fine !!!

Learn css. Take the time, and learn it. Your life will change. Mine has ?
×

Success!

Help @grd spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...