css

change the absolute position from left to right on a span tag depending on class.

Hi. This is my first question here but I'm sure there are many more to come. I have a small position problem that I would like to know if it's even possible to achieve. I have an unordered list (<ul>) with floated <li>s, for the main options i float these left, and for the contact and support options I float them right, so far so good....

Image in SELECT element

I know how to have pictures show up next to the options in a HTML dropdown form element using the CSS background-image property. However, the images do not show up on the selected element. Is there any way to do this (preferably using only CSS)? EDIT: Here is an example of the working code for the list elements. However, when the drop...

CSS Stylesheet Problem

I'm having a problem getting my CSS to work properly in Safari. It was working fine before, but I had to change the file to .php from .css for an unrelated reason. Before, the background would be the dark gray (#CCCCCC) but it appears that the first body{} doesn't apply anymore according to Safari's Web Inspector. Why could this be happe...

Prevent Table Resizing

I'm working on a web page where I have a dynamically generated table where certain columns should be of variable width (sizing to the text) and certain columns must always be a specific width. However, the table is inside of a containing div, and firefox is resizing the table such that it stays within the confines of the div. The trouble...

vertical and horizontal scrolls not working

I have a master page which is using the style sheet.. My problem is that my vertical scrollbar does not work and horizontal scrollbar is not showing when i restore down the page. here is my .aspx code.. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD X...

center push right

I need to center a piece of text "main" with another piece of text "sub" sticking out to the right. I don't want both to be centered. Center "main", with "sub" on the right. It doesn't need to work in IE6. I've got it working, but the bottoms of the text don't line up right. I applied the style bottom:.2em and that got it working. ...

jquery scroll and css help

Ok so this is my basic setup: <ul id="sortable_tabs"> <li id="tabs_sort" class="tab_link"> <div id="sort_tabs" class="tab_link_text">Text here</div> <div id="close_tab" class="close_tab"> <img class="close_image" src="css/images/close.png" /> </div> </li> </ul> These are basically...

I need to position my movie over my Flash website.

I need to make myself walk in front of my Flash website. All I have is a movie with a white background. Does anyone know the process? Using Flash 8. ...

How to fit two inline elements to the body width?

<html> <head> <title>Title</title> <style type="text/css"> #container { position: relative; } #line { border-bottom: thin solid gray; display:inline-block; position:relative; bottom: 1ex; width:90%; } </style> </head> <body> <div id="container"> <span id="title">Title</span> <span id="line"></span> </di...

css height 100% problem

Hello, Currently, I have a code like this <!DOCTYPE HTML PUBLIC "-// W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"&gt; <html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> body { background:#000; } #header{ float:right; width:800px; } #topbar ...

HTML CSS Table Background

I have a form which is presented in a table. In the third column, there are 4 rows for selecting the preferred method of contact (radio buttons). I'm currently using a label to write this text in the first row. I'm told, however, it doesn't look as nice as using a custom image. The image is supposed to sit nicely amongst the form conten...

Centering 2 divs of unknown width in IE6 and IE7

OK so what would happen if I have 2 divs (one containing text, the other an image). The image always has a static width but the text varies. hence making its containing div variable. I can make it work for all other browsers (except IE6 and IE7) by using CSS display:table. IE6 and 7 don't have that so I can't find a workable solution t...

IE 6 hover navigation problems

Hello, I have a navigation on a site which uses subnavigation in the main navigation... The only problem is, in IE6 the submenu pushes the other menuitems away to the side, causing the layout to break and messing up the users view of the site. Im using the computed HTML: <li class="ulHover"> <a></a> <div class="subMenuTop"></div...

Making IE not to hang with unsupported Javascript?

Hi, I have a problem with IE. All other browsers work fine, but in IE the following example will make Javascript to stop entirely: elem = document.getElementById('asd'); elem.style.background = '-moz-linear-gradient(top, rgba(138, 197, 229,0.85), rgba(92, 130, 153, 0.85))'; IE does not support gradients, I know, but why does it sto...

Make a Dom element visible but don't take up space on the page?

What CSS will produce an element but the browser won't take it into account for laying out anything else? Is such a thing possible? I want the bird and dog on this page to not affect the centering of the text. http://twitter-meme.appspot.com/ Some solutions that I don't like: Make a single image and set it as background-image. (Then ...

css div centering

I am trying to center a div button and its not working here is the css .game-actions{ margin-left:auto; margin-right:auto; } .game-actions a.up { display: block; text-decoration: none; font-weight: bold; padding:12px 32px; float: left; border: 1px solid #c1d9f6; -moz-border-radius: 7px; -webkit-bord...

CSS Make a block element fill the entire space of a parent element in CHROME

This question has been asked (and answered) previously at: http://stackoverflow.com/questions/546946/css-make-a-block-element-fill-the-entire-space-of-a-parent-element However, the accepted solution does not work in CHROME (as noted in the comments by mercator). The fix suggesting to add a height:100 to the <tr> element doesn't work e...

I wrote a tab control but I cannot get the css to work in all browsers, how do I fix it?

Using CSS, there are basically two classes, one for the tabs default colour, and a "selected" CSS class that is applied using javascript to whichever tab is clicked. The control fuctions perfectly, but the dynamic CSS only works in IE7 and IE8. The code is basically this: for (var i = 0; i < group.children.length; i++) { child = g...

How to show extended option in select list?

While using fixed width select tag , there is one bug in IE. When the content of the option in the select tag is more than the width of select tag its hide. Its working fine in fire fox , not in IE. ...

Decision Tree - Must be a better way...?

Hi, Below is my way, albeit a basic way of creating a Decision Tree...The problem is the CSS is getting way out of control and the code is just awful...is there a better way? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/...