css

Make div 100% height of browser window

I have a layout with two columns. Left div and a right div Right div has a grey background color, and I need it to expand vertically depending on the height of the user's browser window. Right now the background color ends at the last piece of content in that div. I've tried height:100%, min-height:100%; etc. Doesn't seem to work. H...

Placing a small arrow over a letter with css

I'm trying to use html and css to present some simple vector notation in a webpage. A vector is simply denoted by a right-pointing arrow over a letter. Example, as an image: vector The problem is that I might be using this notation over a few dozen different letters or symbols, and I don't want to have to stop everything and make anothe...

Accessing td property of a html table through javascript and css.

I am trying to change the background color of a td element in a static html table. I will be finding the td's invovled through a database call and need to show the td by way of turning the background color from none to yellow. I have built a css file to match the td class attribute so I can isolate the table cell by class id: For exampl...

Why jQuery don't want to style piece of html inserted with Ajax into new page

This is my first post, so first hallo all. I have a little problem with Ajax and jQuery. On one page test.html i have one div with some paragraph and one img. On the index.html page i have only anchor for retrieval of that div using Ajax with jQuery. But all css(which i have set for that div only using jQuery) don't work after the succe...

Web-page boundary values

I have a "box" popup that appears on mouseover for some links. The box is about 300px tall and the top side of the box is on the same level as the link position, however some of these links are at the lowest scrollable part of the page, thus the popup will be cut off. Question What values are used to detect the bottom of the page, or re...

Can we include common css class in another css class?

Hi, I am a CSS newbie. I am just wondering, is that possible to include one common class into another class? for example, .center {align: center}; .content { include .center here}; I came across css framework - Blueprint. We need to put the position information into HTML, e.g. <div class="span-4"><div class="span-24 last"> As suc...

CSS, Aboslute divs in a relativly positioned div

Given the following code, how can I make the height of wrapper div extend all the way down. <!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/xhtml"&gt; <head> <meta content="en-us" http-equiv="Content-Language" /> <meta conte...

asp.net layout managers or layout controls

I'm a long time winforms developer and one of the things I really liked was the layout manager controls they had like flowlayoutpanel or gridlayout. unfortunately these don't seem to exist in asp.net or do they? I'm in the process of modifying my existing asp.net website to use css instead of tables, but when I go into the visual studio...

Issue with footer in IE8

i have an issue with my footer in IE8 only. The footer itself detaches from the rest of the page almost as if there was a line break. I used this condition statement to fix it but i got nothing <!--[if !IE 8]> <style type="text/css" media="screen"> #BTM {margin-top: -10px;} <![endif]--> How do i target IE8 only? any suggestions? ...

Jquery DatePicker loading in the back side of the textbox - css problem

Hi gurus, I am actually having a list of text boxes. I am using below code to load a date picker at each text box location when the text box is in focus. But If I click on top text boxes the date picker is loading at the background of the below text boxes even though it is starting at the clicked text box. I think this is css conflict of...

Can !important rules be used in IE's CSS expressions?

Firstly, I know that CSS expressions are defunct and wrong in so many ways, and also to avoid using !important where possible. This is for a special case stylesheet. In Short My question is... Is there any way for a CSS expression to set the !important flag? E.g. this doesn't work: a { color:expression('red !important'); } [Edit: t...

Style a definitition list as simple key value set

I'd like to use a definition list as simple as: <dl> <dt>name:</dt> <dd>Tomas</dd> <dt>address:</dt> <dd>this is a very long wrapping address</dd> <dt>age:<dt> <dd>29</dd> <dl> to render something like: name: Tomas address: this is a very long wrapping address age: 29 The definition list seems semantically the best op...

CSS - Faux columns with background color instead of repeating background image?

Greetings, I have a two-column (floated) layout set up where the columns need to "look" like they have matching heights. The "shorter" column has a background color, and needs to look like it's the same height as the main content column that expands to fit its contents. I know that it's relatively easy to implement this layout by appl...

Float left somehow being broken

Take a look at http://new.reyniersaudio.com/test.html The idea here is that I want the container "modelInfoRightCol" to wrap around "modelInfoRightCol (the picture of the case and pricing info)". What am I doing that's preventing this from happening. Thanks! ...

What are the merits of using tt, i, b, big, and small tags?

The tt, i, b, big, and small tags are not deprecated, but it is possible to achieve richer effect with CSS. What is the merit of using these? ...

Make a background image the height of the taller div with CSS

I have a layout with a variable-length menu on the left, and variable-length content on the right. In between the menu and content is a divider implemented using a repeating background image, which is part of the content div. This means that as the content expands or contracts, so does the divider. If the height of the content is less t...

How to have 2 adjacents blocks without display:inline-block?

I have been spending hours on that...with no success. Since inline-block is not well-supported by IE6&7, I wanted to know if it is possible to have the same render using other attributes given by the following code : <html><head> <style type="text/css"> .img { float: left; width:17px; height:15px; display:block; background-color: #FD3;...

block-level anchor not taking up space around text [IE7]

I have an anchor tag with some simple CSS: div { background-color: gray; /* for debugging */ } div a { display: block; padding: 6px 4px 6px 7px; background-color: red; /* for debugging */ } In Firefox, the anchor (in red) is clickable even outside of the text because of it being display: block with some padding. In IE7, when ...

Treeview Nested in a GridView

Hi, I have dynamically added a TreeView to a cell in a GridView Control. The problem is the initial entry in the first node of the TreeView can be quite long. When the page is rendered the TreeView ends up increasing the size of my GridView column width because the first node does not wrap to the next line. When I view the source HTML ...

Having problems changing the font in a table row

This doesnt work: $display_table .= "<td width='377' height='15' class='ad_headline_font'>$row[headline]</td>"; It shows the 'headline' From a mysql field but in standard text... why cant i format the text? And the table doesnt have a class appointed to it... and style= doesnt work either... Thanks the css style: .ad_headline_font...