how do i insert or attatch a css file?

**samee** · 04-08-2008, 02:34 PM

hi all i am a newbie at designing websites. but have a problem i want to design a website and want to use the following menu from DD glossy menu

but have a problem linking it to my html file. any ideas on how i can do this? and also make the file appear on other web pages the same? i am using Microsoft web expression to design the site.
thanks

**tfit** · 04-08-2008, 03:27 PM

with link

<link href= location of your css file

**Medyman** · 04-08-2008, 07:08 PM

If you need a more detailed explanation:
http://www.wellesley.edu/Computing/D...ch.html#linked

**samee** · 04-08-2008, 08:28 PM

i managed to link the css file but after i had done that and saved the html file as well as the css file i ran the html file and the only navigation button was the home one and also all the other 5 buttons were not the colour or attribute that was on the DD website. so when i hover over the other links that change to the correct type and off again. any on else having the same or similar issue.

**tfit** · 04-08-2008, 08:57 PM

Have you included the javascript file too?

**samee** · 04-08-2008, 09:00 PM

i only see a section which includes the HTML code and the CSS code. what and where is the java script

**tfit** · 04-08-2008, 09:02 PM

**thetestingsite** · 04-08-2008, 09:14 PM

Please post a link to your problem page so that we can see exactly what's going on.

**samee** · 04-10-2008, 05:48 PM

here is what is happening on my site

**thetestingsite** · 04-10-2008, 06:54 PM

Your current source code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<ul class="glossymenu">
	<li class="current"><a href="http://www.dynamicdrive.com/"><b>Home</b></a></li>
	<li><a href="http://www.dynamicdrive.com/style/"><b>CSS</b></a></li>
	<li><a href="http://www.dynamicdrive.com/forums/"><b>Forums</b></a></li>	
	<li><a href="http://tools.dynamicdrive.com"><b>Webmaster Tools</b></a></li>	
	<li><a href="http://www.javascriptkit.com/"><b>JavaScript</b></a></li>	
	<li><a href="http://www.cssdrive.com"><b>Gallery</b></a></li>	

</ul>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body><!-- member1 server //-->

<link rel="stylesheet" type="text/css" href="glossymenu.css" />

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-268699-2";
urchinTracker();
</script>
</body>
</html>

should actually be like so:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="glossymenu.css" />

<title>Untitled Document</title>
</head>

<body><!-- member1 server //-->

<ul class="glossymenu">
	<li class="current"><a href="http://www.dynamicdrive.com/"><b>Home</b></a></li>
	<li><a href="http://www.dynamicdrive.com/style/"><b>CSS</b></a></li>
	<li><a href="http://www.dynamicdrive.com/forums/"><b>Forums</b></a></li>	
	<li><a href="http://tools.dynamicdrive.com"><b>Webmaster Tools</b></a></li>	
	<li><a href="http://www.javascriptkit.com/"><b>JavaScript</b></a></li>	
	<li><a href="http://www.cssdrive.com"><b>Gallery</b></a></li>	

</ul>


<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-268699-2";
urchinTracker();
</script>
</body>
</html>

Everything else (as far as the css and whatnot goes) should be fine.
Hope this helps.

Thread: how do i insert or attatch a css file?

Thread Tools

Search Thread

how do i insert or attatch a css file?

Bookmarks

Bookmarks

Posting Permissions