css

Scaling a div with drop shadow on patterned background - solutions?

Howdy! I'm designing a page that has a Content Area which scales against a diagonally striped background. The Content Area div is a fixed width that will scale vertically with content. Because the border is a drop shadow, I have a repeating background image (40px wide by 80px high) that has to line up with the page background image. I ...

Does the CSS property "text-transform" affect SEO results?

I am building a site with a ton of 1999 style capitalization of navigation and headings. I have been simply adding in the text content as it appears (capitalized), but the other designer on the project insists on using lower case text in his HTML and capitalizing it with an applied style: .tedious {text-transform:uppercase;} I underst...

Pop up message like SO Flag window

How do i create a pop up window/message like what you see on this site when you click the flag link ...

CSS: Background Issues. Is this possible?

Thanks for your help in advance. Here is PNG of the layout: Website Layout The Second Section (with the dark grey background) is giving me problems. Below is the CSS I am using for the background. #mainbg { width:100%; height:450px; padding-top:25px; background-image:url(../images/mainbg.png); background-color:#303030; background-posi...

problem in showing pagination in IE

hey guys i made a pagination for my site here : http://nukelearn.com/ problem is showing pagination correctly in IE style for pagination is here : http://nukelearn.com/includes/mods/JQ-Forums/css/style.css plz give me a hint to correct this problem in ( hated browser : IE ) ...

Overlaying a Image over a whole web page.

Is it possible to overlay a repeating image over a entire web page? If so, How? ...

Affecting parent element of :focus'd element (pure CSS+HTML preferred)

How can I change the background of a parent <div> when an <input> or <a> is :focus'd (or any other dynamic pseudo-class? Eg <div id="formspace"> <form> <label for="question"> How do I select #formspace for the case when a child is active?</label> <input type="text" id="question" name="answer"/></form></div> ...

can any one help me in getting php class to min js and css codes

I'm looking for a php class that can minify js and css code. thanks ...

How can I change the style of the document via JavaScript?

That would go like this * {margin:0; padding:0;} in CSS. ...

CSS Debugging help - empty div collapsing

Hi Guys, The following HTML is from an aspx page. This is in regards to to the first child DIV element. In IE7 the HTML renders as I would expect even when that DIV element is empty. It should be approximately 1/3 the width of it's parent, but in FireFox it is collapsing to zero width. All 3 divs are floated left. Anyways, my question is...

CSS Documentation Template

Does anyone know if there are CSS templates purely for documentation purposes? I haven't been able to find any. Edit: Looks like I will have to write my own. Basically it would have been nice to have a little css template that has pre-styled notice boxes and lists purely for the use of user guides or documentation but not too hard to se...

Codeigniter: unable to link the referencing css file

I am just starting out with Codeigniter. I have referenced the css file in the corresponding views file but it fails to link. This is the code I have used to reference the css file. <link rel="stylesheet" href="<?php echo base_url();?>css/style.css" type="text/css" media="screen"/> I tested the css code by inserting it between & a...

Pure CSS DropDown Menu Dilemma (Help!)

I have a Pure CSS Dropdown menu in my banner div: HTML: <div id="banner"> <h1><a href="http://widerdesign.co.nr/"&gt;wider design</a></h1> <ul id="lang"> <li><a href="index.php">English</a></li> <li class="drop"><a href="es/index.php">Español</a></li> <li class="drop"><a href="tw/inde...

CSS Background Image link

Linking a background image with CSS is giving me so me issues. They seem pretty simple but I can't quite get around them: I have list items for my main menu: <div id="menuContainer"> <ul id="menu"> <a href="#"><li id="home" title="Home" alt="Home">Home</li></a> <a href="#"><li id="current" title="Current Students" alt="Current Stude...

Is it possible to achieve a <fieldset>-like effect without using the <fieldset> tag?

Hello guys, I personally like the <fieldset> tag because of how it draws a box and puts the <legend> at the top of it, over the border. Like this. However, it was made to organize forms, and using it for general design is no better than using tables for general design. So, my question is... how can I achieve the same result using ano...

Overflow hidden elements

I'm wondering how can I access overflowing elements. I would like to copy their content in to another div or something. Lets say I got a ul with 5 li elements, but only two are visible. So.. How can I get other 3 elements in another div? ...

CSS: bullet styles on lists

Why isn't the following working? I want the ul style to be mostly unbulleted (due to inherited code), but occasionally to be able to use it as a traditional bulleted list. So I've defined a special class for bulleted lists. ul li {padding:0 0 0.5em 0; margin-left:0; list-style-type:none;} ul.bulleted {padding:0 0 0 0; list-style-type: d...

JQuery Overlay - wrapInner method

I am trying to create an overlay for a div. I am attempting to accomplish this using JQuery. This what the JS looks like: $('#container').wrapInner('<div />') .css('opacity', '0.5') .css('z-index', '2') .css('background','black') .attr('id','overlay') } }; Update: This is the markup before the JS f...

@font-face and font-size

The idea in the following is the first @font-face is for Firefox, the second for IE, and Arial for anything else that can't make sense of the first two. Its all working except for I want to give a different size in the case of Arial, and haven't figured out the syntax to do that. @font-face { font-family: Tribeca; src: url("Tribec...

Why isn't my IE6 Conditional stylesheet not working?

This is driving me nuts. I'm trying to use a conditional IE6 stylesheet. I posted this test page here. Here is the code I placed in my head tags: <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="ie6.css" /> <![endif]--> The ie6.css should set the body background to red when viewed in IE6. What's wrong here? I'm sure it...