css

CSS div/overflow Question: Why does the first HTML file work but not the second?

Notice how the first HTML/CSS works when you re-size the browser horizontally. It will shrink no further than around 800 pixels, but it will expand as far as you drag the right edge of the browser. It will also correctly overflow the table at the top and scroll it horizontally. The thing I don't like about the first code snippet is wh...

How to increase the height of the select box

Checkout http://demo.neeraj.name/admin_data in both chrome and firefox. In firefox the select box has large height. In chrome the height of select box is very small. How do I make the select box of chrome and safari look like the select drop down of firefox? ...

Raphael js text positioning: centering text in a circle

Hey everyone, I am using Raphael js to draw circled numbers. The problem is that each number has a different width/height so using one set of coordinates to center the text isn't working. The text displays differently between IE, FF, and safari. Is there a dynamic way to find the height/width of the number and center it accordingly? He...

how to dynamically replace css?

I've got an image on the page (class='image') within the div (class='galleria_wrapper') and want to place a caption (class='caption') at the lower right corner under that image. The image could be vertical or horizontal, and making a fixed padding-right value let's say .caption<{float:right;padding-top:5px;padding-right:90px;} is n...

CSS Frameworks like 960 and Blueprint?

This is at the framework level, not dealing directly with CSS, so posting to SO. I just learned about the existence of CSS frameworks. 960 Grid System seems pretty awesome, then I found Blueprint, which seems to do the same thing and more. Is there a better word than "framework" to categorize this? Are there any other products in this...

Content display problems when using Suckerfish menus with 960.gs and IE

I'm using 960.gs layout and when I add the suckerfish menu as part of the content to one of the grids, the contents of adjacent siblings bleed through the menu in all versions of IE. In the listed html below, the text from 'belowFoldSection' will appear through the menu when it is visible and has enough items to make it span over 2nd se...

CSS: How to refer to a tag

I know how to refer to a tag with an id or class in css <table id="cooltable"> <tr> <td></td> <td></td> </tr> </table> so in css, u refer this <table> by table#cooltable{ ... } However, if I want to refer the <td> in <table> in css, how do I that? ...

Simple CSS height problem

Hello! I am trying to just create a basic layout, but i am having trouble to get it to auto-adjust the height. Something is wrong with the DIV-container since it's not adding the padding correctly to the top and bottom elements. It should be the size of the highest block, right now its the menu block. Any ideas? Website ...

How do I animate text links using jQuery?

I am somewhat new to jQuery and I have a problem with something I am trying to implement. I have a vertical navigation menu where each link animates on hover by changing color, increasing letter spacing, and adding a border on the left. Everything is working the way I want it to except for when I click on the link. After I click on the...

Display rootPanel at centre GWT

Hi I'm using Google web toolkit to develop a small login page. I'm using GWT Designer. My problem is that the rootPanel is not being displayed at the centre but at the top-left corner of the browser. How can I put it at the centre of the page plz? Thanks and regards, Krt_Malta ...

Styling a Comment Box

Hello, The code below has some text that says "Add a comment:," an input field, and a submission button. What is the best way to give them the characteristics below? Thanks in advance, John Characteristics: -Have "Add a comment:" be 30 px below the bottom of something called <div class="subcommenttitle">'.$submission.'</div> if the...

jQuery to add vertical scroll bar for a fixed height div container

Hi all: This is uni homework so sorry about :my password protected url Please enter usersame as "uts" and password as "10479475", without the wrapper quotes. It it almost completed, please follow simple steps to see where my problem dwells: (preferably using Firefox, no IE6 welcomed :)) step1: click on any continent highlighted on w...

Forcing a page to load itself in another page's iframe

I'm a fairly inexperienced web designer learning css/html on the fly for a company's web site. I want to keep menus, banners, etc in one document so I don't have to repeat updates across many documents. My solution was to make an index.aspx file with the menus and headers, then have a simple iframe for content. This works quite well an...

Firefox Sprite Sheet Image Not Showing Up

I'm trying to create a chat room with emoticons. When a user types an emoticon such as :) in the chatroom, the CSS takes the proper image off the sprite sheet. But my code only seems to work in Opera and IE (odd combination). It doesn't show in Firefox or Chrome (if you manage to hone in exactly where the image should be, you can find th...

shift focus to a div through css alone

Is there a way to shift focus to a div by default through pure css and not using javascript? Thanks in advance.. ...

Where to find free html templates to support multiple resolutions/browsers?

Is there a website where I can download free css/html templates for a website to support multiple browsers and resolutions? (I want to make sure I can make use of client's entire screen and not show my website in the middle with "spares" on the sides) ...

$_GET loading content before head tag instead of in specified div.

The problem is that when the content loads it displays before the tag before i added the <!DOCTYPE>, <html> <head></head> in the index.php file NOW $content loads before the Body tag... when it should beloaded in the "contents" div. (1 I'm trying to get file_get_contents to load the links ?=about ?=services etc into to body.tpl in the c...

different css reset for every browser ,is this a good idea to get maximum compatibility with less efforts?

different css reset for every browser ,is this a good idea to get maximum compatibility with less efforts? I found this on searching google http://www.iecss.com/ The UA Style Sheet is a simple set of css styles that each web browser uses before any other css styles are applied. ...

Java library for CSS cleanup

For a rich text editor that has to handle pasted HTML code from MS Office applications, I'm looking for a Java library that cleans up the content of all "style" attributes in HTML elements, so that only some CSS attributes are left: background-color border color font-family font-weight font-style list-style-type text-align text-decorat...

Photo gallery in javascript

Hai, I am in search of a photo gallery in jquery like the one in the following link http://www.epson.co.in Could you guess tell me where i can get a plugin like this. thanks ...