Setting CSS for cells in a table
I have a table in a div, with IDs of table1 and div1. I want to set the CSS for the cells in the table. What does the CSS block look like? Like this?: div1.table1{ } ...
css
Css rounded image
I have an image with rounded corners(png transparent on the corners), about 150px wide, and 25px height, so i'm trying to use it, but it doesn't work for me: <button><span>Click me</span></button> And the css: button{ border:0; background:url(../images/button.png) no-repeat top left; height:24px; padding-left:10px; } ...
Automatic image resizing in a CSS flow layout to simulate a html-table layout
I have an image that, depending on the screen resolution, drops down out of sight in my CSS flow layout because I have set its width and height to static values. Is there a way in a CSS flow layout to have the image automatically resize while someone is making the browser window smaller. I have seen this done in a html-table layout and...
Setting proportional image widths for browser resize
If I have an image combined with a style: <img class="test" src="testimage.jpg" /> img.test { width: 50%;} The image resizes to 50% the width of the box containing it, as well as resizing vertically, maintaining the aspect ratio. This seems to require the enclosing DIV to be set to a particular width and height value. But if you wan...
Creating interlocking, irregular borders with CSS.
I have a layout made up of 4 "interlocking" divs, like so: -------********** - -* * - -* * - -* * ------- * ++++++ * * + + * * + + ********** + + ^^^^^^^^^^ + + ^ ^ + + ^ ^ + + ^ ^ + + ^ ^ ++++++ ^^^^^^^^^^ I want to put borders ar...
How to display HTML <FORM> as inline element?
This is probably a basic html/css question... I have a simple one-button form that I would like to display inline inside paragraph text. <p>Read this sentence <form style='display:inline;'> <input style='display:inline;' type='submit' value='or push this button'/> </form>. </p> Even though fo...
change images using jQuery?
I'm trying to make an image change depending on the list-item you hover on. I have a container containing an ul. I have three list-items (a small horizontal navigation). The list items are sitting on the bottom of the container which leaves an empty space on top of the li's. I want the empty space above the li's to change images dependi...
Floated List Margin in CSS
I have a div that is 320px wide. I'm floating list items to the left, each with a width of 100px. I then want to have a right margin of 10px to the right of each list item. All other margins and padding has been removed. So, I bascially want 3 list items per row before it goes onto the next line. But because there is a margin-right on t...
CSS strikethrough different color from text?
The HTML elements del or strike, and the CSS text-decoration property with a value line-through, may all be used for a text strike-through effect. Examples: <del>del</del> ...gives: del <strike>strike</strike> ....gives: strike <span style='text-decoration:line-through'> text-decoration:line-through </span> ...
Table Cell Drop down menu anchored to the right of cell
I have a basic table with a div contained in it that I bring out of the cell "position: absolute" and it comes up nicely below the table cell starting at the left of the cell and flowing to the right. I want to be able to do this backwards with the last cell (that is have the submenu table anchor itself to the right of the cell(or essen...
Is it better to use divs or tables to contain columns of links?
I have a page with 3 columns of links at the bottom. Each column is put into a div and all three divs are wrapped into a big div that is centered on the page. Is this something that is better suited to a table or is a table the wrong element for the job? ...
Why do my icons line up top-to-bottom instead of flowing left-to-right in a DIV layout?
I have these 3 icons enclosed in separate DIVs all of which are enclosed within a single DIV: <div id="icons"> <div id="divtxt" class="divicon"> <img src="/icons/text.png" id="icontxt" class="icon"/> </div> <div id="divpdf" class="divicon"> <img src="/icons/pdf.png" id="icondoc" class="icon"/> </div> <div id="divrtf...
Which is better for left-to-right layout: float or display:inline?
I have some icons inside divs and needed to lay them out with a left-to-right structure instead of the default top-to-bottom layout that seems to come with divs. It's probably not news to most people who know CSS but I figured out (with a little help) that I could cause the divs to layout left-to-right using either: float: left/right ...
hide a div
Hi everybody, I am designing a web page in which i got struck at some point. i am using 3 upload buttons in a div, let the id of the div be "uploadDiv" i have a right arrow and down arrow images if i click on the down arrow image, the content of the "uploadDiv" should be displayed if i click on the right arrow image, the content of the...
Firefox 3.5 color correction hack?
Hello stackoverflow.com. After finally getting down to upgrading to FF 3.5, I noticed that some of my web pages have color problems. Specifically, say I have a PNG image with a color in it which is meant to be the same as the body's background color but when it is rendered it comes out as lighter than it should be on Windows. On Mac I'...
Howto style unordered list to display list items in rounded corner box
I would like to style an UL to display all items in a box with rounded corners (see below): Is it ppossible to use css and only the UL (with no additional divs and tables) as i'm going to use it in a CMS system to style all ul created by the user. ...
100% height in ie6
#loading { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } in ie >= 7 it’s works perfectly, but in ie6 height equal line height ...
How can I get a rounded rectangle graphic to span across all columns within an ASP.NET GridView header row ?
How can I get a rounded rectangle graphic to span across all columns within an ASP.NET GridView header row ? I currently have created a rounded rectangular graphic and have used CSS to add it to the gridview header background as such:- .datagrid th { background-image: url('../images/rounded_graphic.jpg'); } ... but this just disp...
Scroll issues with Script.aculo.us / CakePHP autocomplete result list
Using the Ajax helper for CakePHP (currently 1.2.3.8166) to provide an $ajax->autoComplete list of results, and giving a result list back as the rendered view, if you use the mouse (and even the mouse wheel) to scroll results, all is well. Using the arrow keys, on the other hand, has the nasty effect of awkwardly scrolling the view: if I...
Html layout and have the body content extend past the set width and remain on same line
I have a layout with header, footer, body content. It is a pretty standard layout. We have reports that sometimes extend past the hard coded width' But we need the left nav and the body content to the same line. With this HTML code below, if the width extends too far (say there is a content in the body that has more than 900+ width) ...