CSS - Using Css With Disabled Buttons

Hi I have a page I am putting together and everything is fine until I take off js in ff. Then I get this small gap between the code thats would have gotten replaced by flash if js was enabled. Its right below the menu. If you could take a look at http://www.bostonredhat.com/menu.php with js enabled and with it disabled for me and let me know if you see any problems I am missing I would appreciate it.

Thanks.

Hey -

So I have a page with a disabled multiple select box, which is automatically populated with the relevant selected value. In Firefox, you can still see the value that's been automatically selected even though it's disabled. But in IE, you can't. Is there a way to make IE show that?

Thanks in advance.

Is there a way to detect if the browser have disabled CSS? That way, I can redirect users to another page explaining that website won't function with his/her browser with disabled CSS.

When a Text Input is disabled, is there a way to control the visual characteristics such that it's not as subdued, or use different colors for the text / background?

Not sure if this is an HTML or CSS related question but here goes... googling gives me nothing.

I have a form that I've built and on occasion one or two of the text fields may have text in side them but I've sent the text field to 'disabled' so that the user cannot change the information inside.

The problem is is that some of my users are a little bit older and have a hard time seeing what is inside of the disabled text field because its already grayed out and the text inside is gray.

Does anyone know if there is a way to change this or is it just a default with internet explorer?

Thanks!

I've searched and searched with no luck. Does anyone know if it is possible to set a style that would set all my disabled textboxs to a grey bg color, back to white on enabling. I know I can perform it through javascript. I'm just trying to do as much with styles as possible here. If someone could point me in the right direction I'd appreciate it. I only need it to work in IE6. Thanks

Hi,
if i test my website with javascript disabled i don't see any colors or styles(it automatically disables css too).

i don't know if its normal or not??

i din't disable css rather i disabled javascript only. all suggestions and recommendations are most welcome.

hi im using a CSS drop down menu, when my browser is refreshed it becomes disabled/stopsworking. im using IE browser. i got the css drop down list script from the web.

can someone help me please!

Hi, did not know if to post this in css, html or javascript forum
Anyway, I have done a slideshow wich uses css, javascript and mootools.
Works like a charm, however if I turn javascript off I have the small images and url of the large images all over the content of the page, awful.
noscript does not work, If I add a noscript, I get the noscript text, but also all images and url all over the page.
I did found a way adding a css rule inside the noscript tag, however that dont validate, you cant put css there, and I want the site to validate.
So how should I do it? Been trying many ways and none works.
The images are displayed in the html like this:
Code:

<div id="dg-image-gallery" class="dg-image-gallery">

	<div class="dg-image-gallery-image">
		<img class="dg-image-gallery-thumb" alt="Images properties for rent in Marbella." src="nuevas/casa_blanca_4_house_pool-2.jpg">
		<span class="dg-image-gallery-caption">The house and heated pool</span>
		<span class="dg-image-gallery-large-image-path">nuevas/casa_blanca_4_house_pool.jpg</span>

And the javascript in the html page is like this:
<script type="text/javascript">
var gallery = new DG.ImageGallery({
	el : 'dg-image-gallery',
	autoplay : {
		pause : 2
	}
});
</script>

Thanks in advance,
Helen

I want to get buttons like these with my CSS: http://members.cox.net/npalmi188/test.jpg
how do I do this? (don't worry about the color codes)
everytime I try to get something near it I get this gay gray extra bevel to my button, anybody know how to fix that? here's the code I was using that had the gray bevel:
Code:

input.button 
     { 
       font-family: MS Sans Serif;
       font-weight: none;
       font-size: 10px;
       color: #ffffff;
       background: #4C5844;
     }

Simple question but I'm curious if anyone can work out how the 'Browse' buttons are done on this page, they have rounded corners yet looking through the css I can't see any images that account for them... http://www.haveamint.com/forum/

Is there a way to create oval buttons with CSS? I have an image of the button, and if I slice the image up in three sections, for example with two ends and a middle section for text, it becomes a mess if you go over a certain length. Is there a better way using CSS?

The problem that I am having is that my nav buttons will not show up unless you click on the the space first than they are there. This is the code it is done is html, css and php help would be great thanks. PHP Code:
<?php ?>
<html>
<head>
<title>CSS</title>
<style type="text/css"> 

a.menu , a.menu:link {
font-family:Arial, Helvetica, sans-serif;
font-weight : bold;
font-size:12px;
line-height : 30px; 
text-align : center;
text-decoration:none; 
color : #ffffff; 
} 
a.menu:visited {
background : url('Images/Untitled-1.png') no-repeat 0% 0%; 
width: 160;
height: 35;
color : #ff0000; 
} 
a.menu:hover {
background : url('Images/Untitled-2.png') no-repeat 0% 0%; 
color : #ffffff; 
font-weight : bold; 
} 
a.menu:active , body {
background : url('Images/Untitled-2.png') repeat; 
font-weight : bold; 
line-height : 30px; 
text-decoration : none; 
text-align : center; 
color : #ffffff; 
} 
body {
background-image : url(Images/brushedmetallighter.jpg); 
} 


</style>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body>
<table width="199" height="210" border="0" align="left" bordercolor="#666666">
  <tr>
    <td width="187" height="80" align="left" valign="top" background="brushedmetallighter.jpg">
      <?php  
$hostname = "xxxx";    
$database = "xxxx";   
$username = "xxxx";   
$password = "xxxx";   
$connpt = mysql_pconnect($hostname, $username, $password) or trigger_error(mysql_error(),E_USER_ERROR);     
mysql_select_db($database, $connpt);    
$sql = "SELECT * FROM mega ORDER BY productsID";    
$result = mysql_query($sql, $connpt) or die(mysql_error());    
if (mysql_num_rows($result) < 1) {    
    print "There are no items to display.";    
}  
else {     
    while($row = mysql_fetch_array($result, MYSQL_ASSOC)) {    
        $Name = $row['productsName']; 
        $productsID = $row['productsID']; 
        $LeftBanner = $row['LeftBanner'];
        $BottomBanner1 = $row['BottomBanner1'];
        $BottomBanner2 = $row['BottomBanner2'];
        $BottomBanner3 = $row ['BottomBanner3'];
        $UpperLeftImage = $row ['UpperLeftImage'];
        $UpperRightImage = $row ['UpperRightImage'];
        $LowerLeftImage = $row ['LowerLeftImage'];
        $LowerRightImage = $row ['LowerRightImage'];      
        $Label = $row['Label'];   
        echo "<a href=\"mg_frame3.php?productsID=".$productsID."\"target=\"mainFrame\" class=\"menu\">".$Label."</a>  ";    
    }  
} 
?>
   </td>     
  </tr>
  <tr>
    <td height="50" align="left" valign="top" background="brushedmetallighter.jpg"><p><br>
        <br>
      </p>
    </td>
  </tr>
  <tr>
    <td height="71" align="left" valign="top" bordercolor="#000000" background="brushedmetallighter.jpg></td>
  </tr>
</table>
</body>
</html>

So what I want is to have 2 forms with buttons aligned horizontally.

<form><input type="submit"></form>
<form><input type="submit"></form>

They should be like this: [Button 1] [Button 2]

But instead, they go like this:

[Button 1]
[Button 2]

And I don't know the CSS for it, so thanks in advance.

I am currently working on a project for which I am considering using either Flash or CSS.

Basically, what I need to do is draw a button, say a simple circle, on top of another image. Alternatively, I could also use an image of the circle if need be. Either way, what I need to do is be able to position that image in a specific spot over the other image. I was able to get this to work in IE, but not Firefox.

Is there a way that I can place the image on top of the other image and keep it relative to the original, larger, image?

To give you a better idea of what I'm trying to do, think about putting pointers on a map like google maps. Are there any tutorials or examples of this that anyone can suggest?

Brent