HTML - Navigation Styling

I'm having trouble getting a table to stay within its containing DIV. No matter what I do, I can't reduce the widths of the cells to make it fit. All cells are the same width, and using the width attribute to adjust them (either in the table or the td tags) doesn't help. Any suggestions? I'm willing to use DIV's to format the data, but it is tabular data and I think the table is still the best way to display it.

Thanks

Jason

Hello,

I am trying to generate customize numbering style for HTML ordered list like below:

1. Item no 1
2. Item no 2
a) sub item 1
b) sub item 2
(i) level no 3
(ii) level no 4

Is it possible (through css may be) to generate bullet numbers in Parenthesis? any sample code?

Thanks.

Hello,

I'd like to display a .txt files contents within a web page or frame but be able to apply css style to the page and .txt file is this possible? and how is it done?

Thanks

Here is the page I am currently working on. Everything is funtioning and working properly. But there's a problem. I validate my page and I get errors fo the style sheets in the head. It is the cause of like 5 errors on my page. Theres 2 other errors are so, but they are fixable and I will get to them after I fix the style sheet errors.
NOTE: The default style sheet is chose using PHP. Here is the whole coding for the actual head of my site, what you don't see in the "view source":
<link rel="stylesheet" type="text/css"
media="screen" title="User
Defined Style" href="<?php echo
(!$sitestyle)?'layout':$sitestyle ?>.css" />
<link rel="alternate stylesheet"
type="text/css" media="screen"
title="playstation interface" href="ps3.css" />
<link rel="alternate stylesheet"
type="text/css" media="screen"
title="wii interface" href="wii.css" />
<link rel="alternate stylesheet"
type="text/css" media="screen"
title="xbox interface" href="xbox.css" />

I am using multiple style sheets that user can change, and when they change, the page sets a cookie on there browser. I got this trick from alistapart.com. It works great so people that like an individual game system can change the layout, but I just wanted to fix these errors because it is chaining into other errors on the page.
Does anyone have a solution for fixing this problem? I have done much research and messed around with it alot, but all things have failed. I also don't understand what hte title and media things mean in the link to the style sheet. If someone could define this for me I would appriciate it.

Howdy,

I have a navigation bar at the top of every page on a website. This nav bar contains several links, and they are the same on each page. The problem is, the urls they reference often need to be changed. And editing a bunch of documents every time this happens seems like needless work.

Is there a way I can make the links in this nav bar reference some CSS document or some such thing, which contains the actual links?

Thanks for your time,
- A noobie.

Hi im currently re designing my site and would like a navigation bar similar to the one at http://spundoogle.com/skyserpent/GoogleX/

i just dont know where to begin though

please help

Hi people,

I'm taking care of my web site but I would like to improve it with your help as I'm a bit of an ignorant with html and stuff.

The navigation bar I've created is actually not a real navigation bar I believe. Every time you change page the bar reloads with the new page, you know what I mean?

See for yourself http://www.clorinde.org/clorinde/index.htm

How can I fix this so the loading of the pafe would be smoother and faster?

Would you be able to provide me some codes?

Thanks!

I built a nice little tabbed navigation and it works great in firefox and safari and displays perfectly fine in IE 6 but for some reasons my rollovers don't work. I'm not too sure as to why, everything seems fine to me... but apparently not to Internet Explorer. I've attached my code below and you can see an example of the nav here.

(I don't have IE7 installed so if someone can take a look at it in that and let me know if it works or not that would be awesome!)

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" />
<title>Untitled Document</title>
<!--[if IE]><link rel="stylesheet" media="screen" type="text/css" href="css/htc.css" /><![endif]-->
<style type="text/css" media="screen">
* { margin: 0; padding: 0; }
body { background: #999; }
#tab_wrap { width: 328px; background: #fff; }
#tab_wrap h1 { margin: 0 0 1px 0; width: 328px; height: 37px; background: #44c2fd url(images/header_reviews.png) no-repeat 0 0; text-indent: -2800px; }
#tab_wrap ul { width: 328px; height: 31px; list-style-type: none; }
#tab_wrap ul li { display: block; float: left; }
#tab_wrap a { display: block; width: 55px; height: 31px; text-indent: -2800px; }
#tab_wrap a:hover { background-position: 0 -31px; }
#tab_wrap a.last { width: 53px; }
#tab_wrap a.current { background-position: 0 -31px; }
#music { background: #44c2fd url(images/tab_nav_music.png) no-repeat 0 0; }
#film { background: #44c2fd url(images/tab_nav_film.png) no-repeat 0 0; }
#dvd { background: #44c2fd url(images/tab_nav_dvd.png) no-repeat 0 0; }
#media { background: #44c2fd url(images/tab_nav_media.png) no-repeat 0 0; }
#games { background: #44c2fd url(images/tab_nav_games.png) no-repeat 0 0; }
#gear { background: #44c2fd url(images/tab_nav_gear.png) no-repeat 0 0; }
</style>
</head>
<body>
<div id="tab_wrap">
	<h1>Reviews</h1>
	<ul>
		<li><a id="music" class="current" title="Music Reviews">Music</a></li>
		<li><a href="#" id="film" title="Film Reviews">Film</a></li>
		<li><a href="#" id="dvd" title="DVD Reviews">DVD</a></li>
		<li><a href="#" id="media" title="Media Reviews">Media</a></li>
		<li><a href="#" id="games" title="Games Reviews">Games</a></li>
		<li><a href="#" id="gear" class="last" title="Gear Reviews">Gear</a></li>
	</ul>
</div>
</body>
</html>

Can someone please tell me how to make the navigation and the line right to the right of the navigation as seen here on this site: http://www.girlsnightoutmusic.com/

Thanks!

hi guys,

I am creating a site and i want to have sub navigation.

here is a link to what i got so far http://renttheweb.com/cah/


and here is the code

Code:

#sidebar
{
	float: left;
	width: 225px;
	background-color:#ffffff;
}
#sidebar ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
#sidebar ul ul 
{
	margin:1em 0;
	padding:0 1em;
}
#sidebar ul ul ul
{
	margin:0.3em 0;
	padding:0 0.5em;
}
#sidebar form 
{
	margin:1em 0;
	padding:0 1em;
}
#sidebar h2 
{
	margin:0;
	padding:0;
	font-size:1.1em;
}

i got the sub nav working but i want it hidden until the parent link is clicked and then it will expand and show the sub pages under that link. any ideas?

CC_DESIGN

Im currently working on a site offline
but i want to have it when you hover over the navigation it switches to an image! Let Me Explain I made buttons in photoshop but when you hover over them i want it to change to another image!
im going to give you an example! this is before i hover over my navigation


this is what i want it to change to when i hover over it!


thanks in advance!

I was wondering how i could do a navigation like this one with out using flash. I dont know java but only html. Please can someone help me?
Here is what im looking for: http://nexon.net I just need the navigation part.

Basicly, the problem is when you resize the window to the site, the navigation bar moves frome the place it is suppose to be, and stretches; this throws off the whole layout of the site when the window is resized by anyone(it needs to stay in with the background but it's not)

Any help will be great!!!!!

Hi,

I know basic html and I am trying to make a simple website for myself. I just can't get the navigation bar at the top of the page to display correctly.

Look he pacificnewsnow.com/index2.htm

I want to get the 2nd line of the navigation right under the 1st one. I've tried a table and it comes out like this: http://pacificnewsnow.com/index3.htm

(The image for the 2 line of the nav bar will be different, but for now, it's just the same.)

So, for a professional example of what I'm looking to do, look at this website: katu.com

Thank you!