css

IE8 Rendering Bug: after javascript visibility-toggle, div content stays white

The page here (http://skergeth.net/slidingfooter/) contains a footer that slides up when you click on contact us. It then shows a contact form. However in IE8 it slides up and the div containing the form stays white until it is hovered by the mouse. I also tried the approach that the footer-div has overflow:hidden but since there are ot...

JQuery - Add css class to List

I have the following HTML : <li> <a class="meuble-tab" href="#">Meuble</a> </li> i need to achieve the following: <li class="active"> <a class="meuble-tab" href="#">Meuble</a> </li> Using Jquery I am at the point where i can get to the $(".meuble-tab") How do I get to its parent "li" to do the addClass("active")? ...

How does Facebook keep that toolbar on the bottom of the page?

I like how Facebook keeps that toolbar on the bottom of the page. Does that require cross-browser ninja skills? Their JavaScript/CSS files are huge so I am having a hard time narrowing down the implementation (for learning purposes). ...

Break a CSS file into an array with PHP

I wanted to break a css file into an array with PHP. Ex: #selector{ display:block; width:100px; } #selector a{ float:left; text-decoration:none; } Into a php array... array(2) { ["#selector"] => array(2) { [0] => array(1) { ["display"] => string(5) "block" } [1] => array(1) { ["width"] => string(5) "100px" ...

Vertical menu using :hover breaks in IE

http://www.thelisthq.net/datetest.php If you view the page in firefox, chrome, or ie 8 with compatibility mode off the vertical menu works fine. My tactic was to float the whole menu to the right and reverse the bullets (bullets on the right). If you view it in earlier versions of ie it breaks. I can't think of how to fix this, I tried ...

How do I include a CSS file with HTML email that I send from a Perl CGI script?

I am using following code to create and send email through CGI perl. The images get attached properly, but the css files do not. my $msg = new MIME::Lite( From => $from, To => $to_list, Subject => "My subject", Type => 'text/html', # 'multipart/mixed' Data => $body ); $msg->attach(Typ...

Use of * selector in style sheet to reset styles

At the moment I am just resetting the styles I need at the top of my style-sheet, like: html, body, div, fieldset, form, h1, h2, h3, h4, p, ul, li { margin: 0; padding: 0; } However, I have seen a lot of times that people use: * { margin: 0; padding: 0; } That does seem to make things easier, but somewhere else (don...

Vertical scrollbar for a column of unknown height

hi, im building a website that has a layout similar to http://maps.google.com: a header, a sidebar on the left and a map on the right. on the google maps website when the content of the sidebar exceeds the height of the screen a vertical scrollbar appears next to it (e.g. if you type 'restaurant' in the search box). Im trying to achiev...

Is a good idea to use a reset stylesheet in a started project?

I'm working in a long started web project that not use a reset stylesheet. It will be a good idea to include a reset stylesheet given all the things already done? ...

What is the difference between Classes and IDs in CSS? Explain me with example of where to use

Where can i use id and classes. What is the difference between them. IS there any need that we should compulsorily use ids in our css? ...

how can I make a div stick to the top of the screen once it's been scrolled to?

I would like to create a div, that is situated beneath a block of content but that once the page has been scrolled enough to contact its top boundary, becomes fixed in place and scrolls with the page. I know I've seen at least one example of this online but I cannot remember it for the life of me. Any thoughts? ...

"a" element inside "li" element overflows the "li" element

Hi, I am trying to create a very simple "no-frills" tab using html & css. For this, I have a bunch of li elements and inside each of these, there is a "a href" element. Now, when i look at the output in IE & Firefox (after setting the styles to make the list display horizontally with proper border and everything), I can see that the "a"...

How can a URL fragment affect a CSS layout?

Compare these 3 URLs (look at the top navigation bar in each case): http://fast.kirkdesigns.co.uk/blog as above but with the url fragment #navigation as above but with the url fragment #node-2655 Note, that the only difference is the URL fragment on the end. The first two pages display absolutely fine (in Firefox at least). It's the...

How can I put a small image in the bottom left corner of a bigger image in CSS?

I just finished my captcha script so it has the captcha image then next to it I have a link that is a small image that can be clicked to refresh the image to a new one. I am wanting to make this small image be on top, on the bottom left corner of the large image, can someone help me with the CSS? Below is my complete code <img src="ca...

overflow:auto on child of overflow:hidden div?

I have a div that must be set to overflow:hidden, and I want one of its child divs to scroll through content; however, no matter how I play with the overflow on the child, it won't scroll. How can I override the inheritance? ...

How do I replace multiple words, each hashed to an alternate word, in a HTML attribute using Perl regex?

I'm writing an HTML obfuscator, and I have a hash correlating user-friendly names (of ids and classes) to obfuscated names (like a,b,c,etc). I'm having trouble coming up with a regexp for accomplishing replacing something like <div class="left tall"> with <div class="a b"> If tags could only accept one class, the regexp would simpl...

Vertical spacing between display:inline divs in a fluid grid

Ok, not too sure where to start... I'm putting myself together a blogger, completely gutting it's css and just using it as a simple content manager. here is the test site i've been working with http://jamesparishtestblog.blogspot.com/ Ignore the header, its broken, but I know what I'm doing there. My problem is with the film reviews...

Umbraco- weird stylesheet problem

I'm developing a user control that will be embedded in Umbraco. It's been a long slog but I've got it mostly working. At this point I have a template in Umbraco that refers to my web control as a marco. So far so good. It looks great in Firefox, but breaks in IE7. The weird part is that the control looks perfect in both IE7 and Fire...

Use jQuery to wrap around groups of elements

I've got a list of elements and I want to use the header divs to separate them after the pages loaded up. So the code below, <div class="header">Header 1</div> <div class='test'>Test 1</div> <div class='test'>Test 2</div> <div class='test'>Test 3</div> <div class="header">Header 2</div> <div class='test'>Test 4</div> <div class='test'>...

Dropdown menu on a multiline list

I have an example of my problem set up here. I have had to set some li's to display: inline, so that they can occur on the same line, but now I need to add drop-down lists to them, and the drop down lists are happening on the other side of the page from where I would like them to. Do I have to position my original li's in a different ma...