css

"correct" way to do simple 2 column formatting in html

Hi - This is a challenge for the css gurus out there. I want to show 2 links on my page, on the same "line", one on the left, one on the right. The code below works perfectly well in terms of visual presentation, but I'm aware that tables to format a page are not the done thing. Can anyone tell me what the "approved" markup for this s...

CSS tooltip for simple text

I would like to use tooltip in a web page with the following constraints: Tooltip should work with simple texts, not only with anchors. I do not want to use javascript, only css. I would like to make it work at least in Firefox and Internet Explorer. A promising candidate is Eric Meyer's solution, but it uses anchors. Loadaveragezero...

What's the need for XHTML?

In an interview I was asked a question that I'd never thought about, which was "We already have HTML which fulfills all the requirements of writing a web page, so what's the need for XHTML?" I Googled a lot and also read many articles, but I'm not able to get properly why XHTML has been introduced. Please explain to me. ...

Layout a HTML list in evenly-spaced columns

I'd like to lay out a list such as the following in 2/3 evenly spaced columns <ul> <li>one<li> <li>two<li> <li>three<li> <li>four<li> <li>five<li> <li>six<li> <li>seven<li> <li>eight<li> <li>nine<li> </ul> One solution is to separate the list into two lists and float one of them right, possibly with a margin, e.g. ...

Reorder Divs

How would I go about reordering divs without altering the HTML source code? example, I want divs to appear in order #div2, #div1, #div3, but in the HTML they are: <div id="#div1"></div> <div id="#div2"></div> <div id="#div3"></div> Thanks! ...

CSS Classes & SubClasses

Is it possible, other than what I'm doing because it doesn't seem to work, to do this? I want to be able to have subclasses that are under a class to use the CSS specifically for that class.subclass. CSS .area1 { border:1px solid black; } .area1.item { color:red; } .area2 { border:1px solid blue; } .area2.item { color:blue...

The best approach to scramble CSS definitions to a human-unreadable state throughout an ASP.NET application

I'm not sure if it will bring anything beyond saving on traffic through the removal of long-worded names, but I would definitely want to hide my system of namings, declarations and their organization. The thing is that manual Find&Replace is going to take a very long time, and each slight modification could probably require the process ...

CSS and float problem I think ... form elements mis aligned

I have setup my form using CSS.. Labels float to the left and input/textareas float to the right. They align fine. However I recently added a block with checkbox elements. For some reason, there is a margin appearing above it which I have not been able to find the solution to fix. I suspect it is a float problem but I can not figure it ...

How to slice PSDs?

Does anyone have any links/information to share on how to slice PSDs? It has always seemed beyond me. Any help would be appreciated. ...

css setting with on a div which contains a background

hi, i got this website here http://www.redlineautoleasing.com/beta/ and the div container contains a background with a grungy look, and the body contains another background that is repeated on the x coordinate. if you view the site you'll see whitespace on the left and right side. what im wondering is how i can set the background imag...

<div> border does not enclose all of the div's elements

i'm now starting designing with proper mark-up and organization. and now, i have problem with my div border. it does not enclose all ot the div's content. this is my html snippet: <div id="paneMiddle"> <div id="subPaneLatestItems"> <p id="latestItemsTitle">Latest Shop Items:</p> <div> <img src="img/flower1...

CSS Sprites don't work in IE[8/7/6]

I'm trying to CSS use sprites to animate my Risk Matrix ... it works just fine in Firefox and Chrome, but image won't show up in IE ... The code is below, don't want to paste the whole thing in here, but the excerpt shows the pattern: <dl id="rmMap4x4"> <dd id="m4p4s1"> <a onclick="setDropDownListValues(4,1,3,4)" onmouseover="setDropD...

Need two div's to line up correctly

Here is a screenshot of how both div's lineup: http://tinyurl.com/d3kopn The left column is , the div that I want to line up to the right of it is And both those div's are within .content-body { padding:10px 15px; font-size:.8em; font-family:arial; overflow:auto; } .col-left { float:left; position:relative; ...

Can you tweak the left and right padding on an HTML input button?

The longer an input button's text (value) is, the wider the left and right padding seems to get (IE). Explicit CSS padding seems to have no effect. Does anyone have a hack for this? ...

CSS file referenced twice

I have a asp.net web app that uses themes, iframes, and master pages. I've analyzed the pages with IE Web developer and FF Firebug and noticed that every page references the same css file twice. I don't know if this is because of the master page model or because of the iframe. Anyone have any idea on how to reference the css only once? ...

E#myid vs. #myid CSS Selectors

I'm curious what the difference is b/w E#myid vs. #myid (E is any element) given that there can only be one element with #myid on a page? ...

@font-face declaration in css doesn't work

I'm helping my sister convert a website that somebody did for her in flash into html. They use fancy fonts in the flash that I am trying to define in a css file through @font-face. I tried opening the page in firefox, IE and chrome, but nowhere do I see the proper font. The declaration that I am using is: @font-face { font-family: ...

two column CSS layout problem -- in IE6, table in content area is being pushed down by left nav

I have an extremely simple page that isn't displaying properly in IE6. In this browser, the left nav pushes down a table that's in the content area. Can anyone help me get the table to stay at the top of its container where it should be, rather than getting pushed down by content in the left div? Here's the html code for the page: ...

Is it wrong to use * when reseting Margins/Padding in CSS?

Should the following be shunned, or praised for its simplicity? For the record, I use it in every site I build, but I've noticed it's not present in many main-stream CSS-Reset frameworks...is there a reason they don't use it too? * { margin:0; padding:0; } Edit: I was curious about performance, mostly. ...

CSS Form styling with multiple controls on one line

I want to make a CSS form with multiple textbox/label combinations on a single line. Most examples I see show each line getting a separate form field. For example, I'd like Last Name and First Name textboxes on one line and Phone Number on a second line. ...