css

CSS/HTML: Not <br> for each <ul>

Hi. So im having a little issue getting my menu with a slidedown function work together with my other existing menu (normal links). My existing menu(with normal links) is like this, simple UL with LI links. <ul class="menu"> <li><a href="home.php">HOME</a></li> <li><a href="#">HOME</a></li> <li><a href="#">HOME</a></l...

Browser compliant rounded-corner navbar with CSS

Hey guys, I'm working on a browser-compatible navbar with rounded corners using DIVs and rounded images. I had it working perfectly in FireFox, only to discover that IE butchers it (of course). The only problem I'm having now is getting my content DIV (navBody) to stretch to match the height of the side images. In both browsers now I h...

Ordered numbers bold without adding more tags

How do I get the ordered numbers bold without adding more tags? Possible in jQuery? first element secondelement thirdelement 1. first element 2. secondelement 3. thirdelement Best regards hakan ...

CSS Background Property - Shorthand vs Long form

As I understand it, when you use the shorthand property background, the browser first sets all background properties to their default values and then puts in the values that you're declaring. Is it then better to use background-color:white; instead of background:white? Does this change when you are putting in more values such as backgrou...

site zoom problem

I have a very simple question. I recently develop this site: http://revenuephilosophy.eu/ and I noticed that when I use the scroll zoom(ctrl+mouse wheel) on other sites it works great but on mine it has a strange behavior with not all of the components scalling as they should. On the css file I used only percentages in order to keep r...

Centering text (vertically) inside a textbox using CSS

Hi all, I'm currently working with a textbox that has a background. I was wondering if it's possible to center text (vertically) inside the textbox. important: it's perfectly centered in firefox. Only IE it writes it too high for some reason. I've tried line-height, padding, and margin. Nothing works. Any ideas? EDIT: This is my curre...

Add a DIV that takes up all available vertical space

I have an empty page with one DIV on it: <div style="height: 20%; min-height: 10px; max-height: 100px; width: 100%; background-color: blue;"></div> I want to add a DIV after this one that takes up all remaining vertical space on the page. How do I do it? I've spent all day on this and ...

DIV-only two column CSS layout

Hey guys, I'm reworking a layout currently using tables for a two-column design, and ran into some problems. <div id="frame"> <div id="leftcol"> <div id="1">blah</div> </div> <div id="leftcol"> <div id="2">blah</div> <div id="3">blah</div> </div> </div> #leftCol { margin-right: 10px; width: 49%; float: left; } #rightC...

How to normalize padding and margins across browsers

Hi, How do other designers normalize padding and margins across browsers. I have tried CSS Resets (currently using the YUI one), but I still run into a lot of inconsistencies. It seems for some elements, with some browsers, setting a padding or margin to 0px will trigger the browser to use a default padding and margin determined by that...

Styling divs that have dynamic names

My code creates CSS divs with dynamic names i.e. cke_record_body_19 cke_record_body_54 Is it possible to style all divs that contain the string cke_record_body_ in their name using CSS? ...

Piece of html/css that looks ok in firefox but not in IE [solved]

I have looked at this now for some while but somehow I am missing something. I have a site that looks ok in firefox and chrome but in IE the first div gets "split" to the right. It seems as if IE takes the first block element inside the div and places that in the next column. the page with the error: http://populair.eu : in IE you see it...

How to overlay an image over another image?

I want one image above the other. How can I do it? http://twitpic.com/2cnpku ...

css selector problem

div li:first-child what does above css selector targets? 1) First li's of every div on the page or 2) All the descendant li's of the div where div is the first child of its parent ...

Pure CSS emulation of a frameset

I have been searching for more than 1 hour with no success. Is there a pure CSS way of emulating a frameset? I mean, really emulating it. I have found some interesting stuff where you will have fixed top and bottom blocks, but the scroll bar for the content is the regular browser body scrollbar. What I need is a scrollbar only for the co...

What is the purpose of the 'div' selector and why do so many developers use it in their style sheets?

Looking through style sheets from popular & unpopular websites I have found the div selector included in them. The bottom four examples were taken from the style sheets of the popular sites Stack Overflow, Github, Youtube & Twitter: div.form-item-info{padding:4px 0 4px 4px;width:80%;color:#777;} .searchFooterBox div span.smallLabel{fo...

Why does IE8 display a whitespace GAP between my menu bar and page content?

The page in question Please open the page in whatever browser you normally use and confirm that the menu bar immediately precedes the map. Next, open the page in IE8 and see that it inserts whitespace (roughly the height of the menu bar). Even if you use IE7, the whitespace doesn't appear. This has been bothering me for a while and I...

did the attribute 'border-style:hidden' adversely affect seo ?

Hi, i have to know this issue. Thank you. ...

Flipping/Inverting/Mirroring text using css only

I did some googling and here's my answer <!--[if IE]> <style> .mirror { filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1); } </style> <![endif]--> <style> .mirror { display:block; -moz-transform: matrix(-1, 0, 0, 1, 0, 0); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); -o-transform:matrix(-1...

Display editbox and button on one gridview's cell in edit mode?

I have a gridview to display data, and one of columns was the file path (string). I want to when switch to edit mode, this column will be a editbox + a button, (so if the user click on the button, an OpenFileDialog will be show and he can select a new file) How can I do that? Thanks in advance ...

Alowing end user to have specific CSS rules they can modify

I would like the user to have limited access to controlling certain CSS attributes of divs. The divs would all be similar, all have a some class name, and be displayed across the site with the styling rule of the user. So kind of like a user CSS stylesheet, except with certain rules that they can change. Allow change to: .className{ ...