css

What does ${imagepath} refer to in a CSS file?

I am trying to adapt a perl script that is used to generate a splash page for a public wifi installation. I was only given a couple example files to work from and no documentation. After several hours on the phone with the access point vendor I was told I could "just edit" the examples in order to design our custom page. I am trying to u...

How to create desired form with css without using too many div tags?

The mailing list form I am creating has the following fields: first name, last name, street address, city, state, zip, email, and phone number. I created the form using list items and css NOT tables. I want the first name and last name labels together on the first line, the street address all by itself on the second line, the city, state...

Why don't my two columns align properly in IE7?

I'm teaching myself CSS through books and websites. I've made a simple site with a centered box followed by two-columns, and it displays fine in Firefox 3 and Safari 3, but not in IE7. My right column stays on the right, but is pushed down so that it starts where the left column ends. I've seen a lot of blogs about IE hacks, but I don't ...

my_css_class VS my-css-class

Which one between .my_css_class{} ... and ... .my-css-class{} is the best way to go and why? Is it just best practice or is there another reason? ...

retriving cookie value and changing element style

Hello, I have a cookie set as yab_uploadmode and it has numeric value ranging from 1-4 and 4 div elements named btn1, btn2, btn3 & btn4, how can i retrieve the value of cookie and apply style to that particular element without use of any framework. Thank you very much. Regards, Shishant Todi ...

Persisting the scroll position of DIV while printing

I would like to print scrollable div as WYSWYG. Is there a way? ...

want to add padding to a td with jquery

I need to find td within a div and add a class to all the td's within that div, how can I do that with jquery? ...

Div takes up entire width in IE 7 (has right floated block-element children)

Hi folks, I have a few right floated block elements ( anchor elements with display:block because I need to set heights on them) inside a parent div. There is other markup around the parent div (The parent div is supposed to act as a toolbar with the links as buttons) This arrangement works fine in all browsers except IE7 where, instea...

Can CSS frameworks (ie: 960gs or Blueprintcss) be used without margins?

I don't see the point of using either http://960.gs or http://blueprintcss.org if they enforce margins other than for pretty magazine layouts/marketing-esq brochures. Is there a way I can use these to meet certain design requirements such as a navbar that can actually touch/wrap-around to the header? Any input to use these frameworks wit...

2nd column is tucking below the 1st column, what are common causes of this?

Hi, My HTML is too eleborate to post here. I have a 2 column layout, the 1st column is 160px and the 2nd column is much bigger. For some reason the 2nd column is tucking below the 1st column. What are common causes for this? Update What I want is this: Column#1 Column#2 What is displaying (firefox is ok, IE6 is causing the probl...

CSS inheritance

.x-panel-myheader{overflow:hidden;zoom:1;color:#15428b;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 3px 4px 3px; border:1px solid #99bbe8;line-height:5px;background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;} .x-panel-myheader .x-panel-body { background-color: Transparent; } .x-panel-m...

Choosing the right design for a website?

I'm a programmer (hobbyist, but looking to make it a career) by nature so when I was asked to design a website I felt a little out of place (most of my applications don't have pretty UI's, they just work because I'm the only one using them). I have been looking into how I could design my website and started wondering how you guys decide....

Report decent printing in the web.

As a web systems programmer, I'd like to generate some reports and be able to send it to the printer directly from my user's browser, wich is in the client side, not needing to generate PDFs or something like this. I would like to be able to: Print user friendly paging, something like "Page 1 of 3" Print some things in the bottom of e...

Sidemenu overlaps when browser window is restored.

Check my website, and see the Divisions left menu. When you have maximized your broswer there is no problem, but when you restore it to half of screen, the left menu overlaps to the right. Here is the CSS code. Can someone help me? ...

Why does gzipped html file display without JS and CSS?

I have an html file saved in gzip format. The browser displays the html file but without the javascript and CSS. Non-zipped html files in the same directory do display correctly. In addition, I saved the source from the compressed html file and it reopened correctly, with JS and CSS applied. What is different about displaying the zipp...

IE7 CSS Float causing content to overflow when printing

When attempting to print the following web page in IE7 (or IE8 compatibility mode), some content (the bottom two questions) is truncated. You can view the issue in Print Preview. http://www.testdesigner.com/tests/print.jsp?testId=4097 Removing the float in the following css block found in printTestTwoColumns.css will fix the issue, bu...

Accessible HTML Form input types - "submit" vs "image"

Is there any real difference to screen reader users (or any users really) whether i use "image" rather than "submit" as the type attribute for my form submission button? eg: <input type="submit" value="Submit!" /> vs <input type="image" src="myButtonImage.jpg" value="Submit!" alt="Submit!" /> ...

How to Fix Browser Compatibility

I have developed a html file. It is working fine in IE6 and IE7. When I run the same html file in IE8, the design is not the same and the Javascript is not working properly. It is showing browser's "Compatibility view"? How do I fix this? ...

css footer - trying to split into 2 columns

I'm trying to split my footer so that there is left aligned and right aligned text. I have the following but the two elements are displaying one after the other: #footer { clear: both; background-color: #330066; padding: .5em; font-size: 0.8em; color: #fff; } #footer p .left { text-align:left; float:left; }...

Is there a simple 3-column, pure CSS layout?

One that doesn't require the following: Reliance on images (i.e. "faux columns") Some kind of weirdness or "hack" put in specifically for IE Requires IE to run in quirks mode Doesn't have strangeness like one of the three DIVs overlapping the others (i.e. "holy grail") Margins set to high negative numbers placing them well off the vie...