css

using PHP for "Fluid" design(using viewport resolution)

I need some opinions on using PHP to make completely "scalable" websites.. For instance, using viewport resolution and resizing images, applying dynamic css styles..... In my mind doing this just add's to the complexity and should not be done, it should be fixed or fluid using strictly css and no server-side languages to generate layouts...

I always get stuck here... Divs not behaving properly (alignment issues)

Hi, I don't know why, after encountering this problem dozens of times, the answer always seems different and I can't seem to work my way through the problem-solving process, but here I am again with misaligned divs. I've got 3rows encasing columns. each row is to have (at least) 3 columns (and probably some nested divs down the line, b...

Load different CSS in application layout based on page type (Ruby on Rails)

My application has pages of two basic types: forms and tables. As such, I have two different CSS files, forms.css and tables.css. In my application layout file (application.html.erb), I'd like to load different stylesheets depending on some sort of flag set in a given view. For example, <%= defined?(@tables) : stylesheet_link_tag 'ta...

CSS: Centering a floated block level element in IE6 (It almost works)

I have a block level element which I am centering on the page. I have gotten it to work for all other browsers except IE6 where it ALMOST works. http://tinyurl.com/28sh9eq If I view the page in IE6 the red box is slightly off center of the pink one in IE. If I then resize the browser window it snaps into place where I want it. Uhhhhh.....

What would cause this behavior in only one person's IE8?

Stack Overflow won't let me post my whole question because I'm an untrusted new user, so if you're interested in this question please visit http://doctype.com/would-cause-behavior-only-one-persons-ie8 The backgrounds in question are drawn with a single-pixel, xy-repeated, semitransparent PNG. This person's IE8 is drawing thi...

Performance, serve all CSS at once, or as its needed?

As far as I know, these days there are two main techniques used for including CSS in a website. A) Provide all the CSS used by the website in one (compressed) file B) Provide the CSS for required by the elements on the page that is currently being viewed only Positives for A: The entire CSS used on the site is cached on first visit via...

Align child element to bottom with CSS

I have a form input, and the label spans multiple lines, and I want the corresponding checkbox to appear at the bottom (last line of the label element). Here is what I was playing with CSS .standard-form { width: 500px; border: 1px solid red; } .standard-form .input-row { overflow: hidden; margin-bottom: 0.8em; } .sta...

IE7 is making my life miserable! Getting gaps between html table columns (w/ colspan) with css toggle

Copy/paste this html code snippet and try it out in IE7. When you toggle the hidden columns it leaves a gap between the columns. In Firefox it works fine, the columns touch when minimized. Haven't tried IE8 yet, would be curious to hear how it works there. Any ideas? I've tried a bunch of things in the CSS like table-layout:fixed bu...

In CSS, want to override my a:link and a:hover directives to for a specific span

This will probably be a softball for you CSS folks... I have a site like this: <div id="header"> <span class="myheader">This is the name of my awesome site!!!!</span> </div> <div id="content">whole bunch of other stuff</div> <div="sidemenu"><ul><li>something</li><li>something else</li></ul> <div id="footer">Some footer stuff will go h...

jQuery fadeIn is not working in Internet Explorer

I have the following HTML DIV which does not work using FadeIn in IE: $(".tip").fadeIn("slow"); /* Is not working in IE. */ $(".tip").show(); /* Works well in IE, that's weird. */ <div class="tip" style="width: 220px; display: none;"> <div class="tip-header"> <span><b>Title</b></span> <div...

Why are these divs repelling each other?

<html> <div style="width:200px;"> <div style="background:red;height:5px"></div> <div style="background:yellow"> Magnets? </div> <div style="background:green;height:5px"></div> </div> </html> Rendering with "Magnets?" wrapped in h3 tags How come the divs cease to be contiguous if "Magnets?" is wrapped in a paragraph or hea...

How To Left Align List Items when Unordered List is Centered on the Page

Hi, I have a div that holds an unordered list with several list items. I am using ie6 and am basically trying to center the unordered list on the screen but at the same time want the actual list item text aligned to the left. At the moment, I have my unordered list within the center tags, which has centered the list but I would actuall...

HTML CSS two columns

If my HTML says something along the following <div class="container"> <div class="element"> </div> <div class="element"> </div> [...] <div class="element"> </div> </div> is it then possible to align those elements as if they were in a two-column table? I.e. with 7 elements there would be 4 rows, with the last row only having on...

Facebook Javascript SDK's FB.ui Bug in IE8

hi everyone i have found a bug in IE8 using the new Facebook Javascript SDK. i call a Post dialog using: FB.ui( { method: 'stream.publish', display: 'dialog', message: 'test', attachment: { name: 'test', caption: 'test', media: [ {type: 'image', src: site_url+'test.jpg', href: site_url} ], description: ( ...

CSS overflow : list in a div

I have an image gallery and I dont want give an extra class to third list item: <div class="row"> <ul class="rowUl"> <li>ssss</li> <li>ssss</li> <li>ssss</li> </ul> </div> and css .row { width: 620px; clear: both; overflow: hidden; } .rowUl { width: 645px; ...

How to create CSS-based (big) quotation marks?

I want something like this: http://img257.imageshack.us/img257/5906/globalcolleage.png I know how to create CSS-image-based bullets, but for quotations I can't figure out. ...

Creating sublines on Joomla menu items

In my toplevel menu items, I would like to make a subline for each item. I don't think it's possible to do by default, byt YooTheme has done it in many of their templates. The menu output look like this <div class="moduletable_menu"> <ul id="mainmenu" class="menu"> <li class="active item1" id="current"> <a href="URL_HIDDEN"...

Changing the background of other link on hover of the First link.

I have the following mark up. <ul> <li><a><span>link-1</span></a></li> <li><a><span>link-2</span></a></li> <li><a><span>link-3</span></a></li> </ul> When user hover on the first 'a' then the next a tag in LI , we remove the backgorund-image. I hope you are clear what I want to do with this. ...

GWT CSS Resource to find all classes

What i want to do is: I have css file read from a file into a String. I would like to build some kind of css resource (CssResource ?) out of that string or file, and I'd like to be able to extract from it all classes and id selectors in some kind of collection which i could search. Does anybody know how to do that ? ...

relative path not working for images in css

Hi, I have the following file structure: C:/wamp/myproject/admin/webroot/images I have an index.php file lying inside the admin folder which calls a header.inc.php file lying in the same folder. header.inc.php has the following code- <td align="left" valign="top" class="header-bg"> <table width="100%" border="0" cellspacing="0" cellp...