[thelist] css w/ Navigator

[Paul Backhouse]

Adam,
	NN 4.x doesn't support css properly - thats whay ur getting a different and
feel in either browser.
you can have 2 seperate style sheets which you can detect between for IE and
NS (and other browsers) with this code:

<SCRIPT LANGUAGE="JavaScript"><!--

	if (navigator.appName == 'Microsoft Internet Explorer'){
	    document.write('<link rel="stylesheet" href="/explorer.css"
type="text/css">');
	}else{
	    document.write('<link rel="stylesheet" href="/netscape.css"
type="text/css">');
}
//-->
</SCRIPT>

also place the size of the input field in aswell - NS will use this IE will
over-ride it with the Css.

ie:

<input type="text" name="name" size="35">

hope this helps

cheers

Paul Backhouse
Technical
www.2cs.com

-----Original Message-----
From: thelist-admin at lists.evolt.org
[mailto:thelist-admin at lists.evolt.org]On Behalf Of Adam Slesinger
Sent: 18 October 2001 15:16
To: thelist at lists.evolt.org
Subject: [thelist] css w/ Navigator


Hi All!  I have a couple quick questions:

1) I have a cascading style sheet and I'm trying to use it to format input
form fields and buttons.  I put the following in the file:

input, select	{font: Verdana, Arial; color: #ffffff; font-size: 8pt;
border-width:thin; border-color:#AFC0E0; border-style:ridge;
background-color:#777777}

It works in IE 4+, but not in NN 4.7.  In NN, the field is a lot longer than
in IE and it stretches a table farther than I want.  I thought my refrences
said this attribute could be used in NN 4+ and I swear I've seen other
people doing it.  Any ideas??

2) My IE browser seems to be putting space before and after a form, creating
unwanted space between it and surrounding elements ubove and below (image
and text, respectively).  Any trick to get this to not happen?  Here's the
code I'm using:

<img src="images/header_email.gif">
<form method="get" action="/cgi-bin/email.plx">
  <input type="text" name="email" size=20 value=""><br>
  <img src="images/spacer.gif" width="1" height="5"><br>
  <input type="submit" name="signup" value="Submit">
</form>
<span class="small">Sign up to keep up on the latest BadLANs
news!</span><br>

Thanks everyone for your time!

adam
http://breadweb.net

_________________________________________________________________
Get your FREE download of MSN Explorer at http://explorer.msn.com/intl.asp


---------------------------------------
For unsubscribe and other options, including
the Tip Harvester and archive of TheList go to:
http://lists.evolt.org Workers of the Web, evolt !