Cascading Style Sheets

Div vanishes when using IE6, please help.

First of all, I would like to introduce myself. This is my first post here as I'm fairly new to complete CSS layouts. My name is Tim and I'm from the Twin Cities area of Minnesota. I've done a few sites with strictly CSS and never had a problem but this one is driving me nuts. I'm having trouble with my Navigation ul completely vanishing in IE6 at random times. The site I'm referring to is currently live at DigitalTown.com if you would like to check it out. Here is the code.

HTML

         <ul id="topnav">

Text field styling. Text not vertically alligned center in firefox.

Stare Hi, i am styling a textfield. Everything is good except the texts are not vertically aligned in center in different firefox. In case of ie, opera, safari and crome its ok. Here is the code

.text_field{
	background-image:url(images/search_box_mid.png);
	background-repeat:repeat-x;
	background-color:#121212;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	line-height:29px;
	display:block;
	font-size:14px;
	color:#121212;
	width:150px;
	height:29px;
	float:left;
	border:0;
	padding:0;
	margin:0;
	}

How do you make the "add a result" button google uses? Ajax? CSS? Java?

It's the effect where you click on a link or a button and a new bit of content appears, pushing down everything below it. Clicking it again makes that content disappear and all the original text move back up. Google uses it in a number of places, notably at the bottom of any search result. For example: http://www.google.com/search?q=anything

horizontal nav background color on hover causing ie6 problems

I'm having issues with a horizontal nav, using blueprint css, where the change in background-color on a:hover is pushing all the content down. If I leave the background-color the same on a:hover the problem is fixed.

CSS:

#header-nav {
	position:relative;
	padding-top:31px;
	/*left:-10px;*/
	width:480px;
	margin-right:0;
	float:right;
 
}
 
#header-nav li {
	display:inline;
}
 
#header-nav a, #header-nav a:link, #header-nav a:visited {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	background-color:#00242F;
	color:#B9BBAC;

Can an alternative font be displayed at a different size and weight?

Hi guys.

Here's my problem: I'd prefer Gill Sans over Arial. So I've got my line font-family:"gill sans",arial,sans-serif; in place, and it works fine. Gill Sans is loaded and seems to work. However, it's noticeably smaller and less heavy than Arial, so I'd like to specify a weight and size for each font individually, so that they display roughly interchangeably. At the moment I'm left with a bunch of whitespace because of Gill Sans' diminutive size. Obviously I can't work with the assumption that everyone has Gill Sans installed, so how can I rectify this?

Thanks a bunch.

Syndicate content