css

How to vertical-align to x-height?

I have a line of text and a small image, which I am trying to align vertically within the line. My goal is to align the vertical center of the image with the x-height (or half of the height of a capital letter) from the baseline of the text. I can't figure out any way to do this. The closest thing that I know of is: vertical-align: midd...

CSS flyout problem with li:hover

Hey there I'm developing a custom theme that has a left navigation menu consisting of images with a javascript mouseover function. I have a few submenus which are sub uls under the main list and I'm trying to create a CSS based flyout so when I mouseover a link with a submenu I get a flyout. I've made this work before but I'm having some...

CSS Positioning - Unordered List

I want to position an unordered list of items on the left-hand side of a menu header (horizontally displayed, not vertically). For example where you see Home, HTML, etc: How do I accomplish this effect with CSS? ...

Can background image extend beyond div's borders?

Can background image extend beyond div's borders? Does overflow: visible apply to this? ...

How to fix this IE7-dropdown menu problem?

Hi, This is the CSS for the dropdown menu I create, the problem is that the menu disappears as soon as I hover the children items. It gets fixed If I set Height:30px and line-height: 30px but I do not want to adjust height. I want it to auto adjust. I can't get it to work in IE7. This is my CSS #menu { display: block; width:...

When to use CSS and when to do it in HTML

I try outline the pros and cons of CSS compared to tables and learn in which case to use which. Then advantages using css instead of table and files CSS is for information and tables for data (fuzzy which is which) CSS you can enlarge infinitely since it's code CSS you can make multilingual easily just input the text Also simple to...

replicating wtikay - IE - currentStyle doesn't update when it ought to

I am trying to replicate, with my own code, the history-sniffing demo seen on http://wtikay.com/ and various other places. (It's a long story.) I have something that works reliably in most older browsers (latest Safari and Chrome releases and Firefox 4 betas have a defense) -- but it doesn't work in IE7 or 8 (haven't tried 6), and I ca...

CSS Style Question

Hi, In the following style: .slider div div div h2 span { color:#ae663d;} What is the purpose of "div div div"? ...

How to access css properties in javascript when applied via external CSS file?

Hi, I have a little problem. When I set the css rule using some property, say, background-image in an external .css file and then try to access it using javascript in another external .js file, it does not work. That is to say I do not get any value for document.getElementById(someId).style.backgroundImage. But when I set the css rule ...

Server-side font via CSS

Hi all, I'm including server side fonts via css @font-face { font-family: "lucida"; src: url('LucidaAll/LBRITE.eot'); /* IE */ src: local("lucida"), url('LucidaAll/LBRITE.TTF'); format("truetype"); /* non-IE */ } And Using this in <body> tag like font-family:"Lucida Bright", Verdana, serif; It works well for normal fonts. but not ...

Increase span width not with text width - CSS

Hi, I am trying to increase the width of #Item, but it increases only with text width. HTML <div><span class="Item">Brand Strategy:</span><span class="Summary">Strategy</span></div> CSS .Item{background-color:#000; height:40px; color:#FFF; text-align:center; width:200px;} How do I get the specified width for #Item. Thanks Jean ...

How to highlight the selected row in a table using Jquery?

Hi Friends, I am having the code like this When the checkbox is clicked I want to highlight that row.I don't want to use id for a table. Because I am having lot of tables in the same format and I want to apply the css when checkbox is clicked by using single Jquery function.How can I achieve this? ...

jScrollPane theme with CSS

Hi everybody. I want to apologize now for my bad english, i hope you will understand what i want: I recently used the plugin jquery 'jScrollPane' on my website malossane.fr/sqf/. Everything is ok, but i appeared to not be able to make the only little change i wanted. In fact , it is very simple in the idea, but my css scripting level is...

How to make :active state work in IE?

I have a button in my html form and need to change it's background image when it is clicked using css. it works perfect in FF but it seems that IE doesnt support :active state. Here is my code: HTML: <button class='button'>Click Me</button> CSS: .button { width: 118px; height: 33px; background: url(/images/admin/btn...

Jquery .load in asp.net

Hello Guys, I have a vertical left menu in my asp.net page. using jquery .load,i try to load other aspx page in the midlle div(content div) depending on the link click.Like this: $('#LeftMenu1_HyperLink1').live("click", function(event) { event.preventDefault(); $("#ContentDiv").load("mypage.aspx"); ...

Custom Scroller

Hi All! I need to customize the Browser scrolls (Horz and vert) as per my requirements. and about the customization of div scrollers i know how to do that but i want to customize the main Browser scroller. I need to minimize it in width so that it can take less width as compare to its default on Win 18pxls. Shabir Gilkar ...

i need a good layout for my forms

I need some great idea in designing form contain some fieldsets. Where can i find a nice collection? Is there anywhere? ...

HTML select tag text direction

There is a way to create a right-to-left text-direction select tag in HTML? The following works in IE, but in Firefox only align the text and in Chrome nothing... <select dir="rtl"> <select style="direction: rtl;"> ...

Using CSS @font-face with the iPad/iPhone

I'm trying to use the font-face attribute of CSS with a custom font: @font-face { font-family: "Handvetica"; src: url("Handvetica.eot"); src: url("Handvetica.ttf") format("truetype"), url("Handvetica.otf") format("opentype"), url("Handvetica.woff") format("woff"), url("Handvetica.svg#Handvetica") format("svg");...

How to avoid linebreak in Safari?

I am using cforms plugin on a wordpress page. Unfortunately "required" in Russian seems to be two words according to the translation office. In Firefox it looks ok, in Safari it breaks to the bottom left of that line. span.reqtxt, span.emailreqtxt { margin:2px 0 0 3px; font-size:0.9em; font-weight:bold; color:#0d5f99; display:...