css

Some questions about line-height.........

what is default line-height of browsers like font-size is 16px? for which HTML elements i should define line-height and for which not? What is the reason behind to give line-height to body { } ? Will line-height effect to single line text? If I'm using font in em then should i also use use line-height in em? What is co-relation betw...

Should not i use any relative measurement for any element if i need fixed width, pixel perfect design?

Should not i use any relative measurement in css for any element if i need fixed width, pixel perfect design? would it be better to use px always? ...

Can i make design in pixel first then convert everything in em later?

Can i make HTML Layout in pixel first then convert everything what ever needed in em later? is there ant tool or method to do this? ...

Firefox ignoring padding

I have this CSS code: #tweet-container{ width: 290px; height: 272px; border: 1px solid #CCC; color: #CCC; font-size: 28px; text-align: center; letter-spacing: -2px; min-height: 10px; display: table-cell; vertical-align: middle; padding: 15px; } But firefox doesn't seem to recognize the top and bottom padding. Safari and Ch...

pop-up modal div

is there ready code snippet for using pop-up modal div without using jquery? ...

CSS Centering Issue - Div Centering appx 15px too far to the right

I have a theme that I'm modifying for my site. I currently have it live on my test domain while I tinker with it before launch. http://www.networkgenius.org The #content-wrap div is centering, but too far to the right for some reason. I've absolutely no idea why it's doing this, especially since everything else is centering properly. W...

remove a:hover using javascript (not using jquery... don't ask)

I thought this would be pretty simple.... Basically, it's a 5-star rating system. When a user clicks, for example, three stars... I want to freeze those three stars right where they're at. I've been trying to simply remove the hover for the a href so it stays what it was at... maybe that's not the right method. I've exhausted absolutely ...

Which font types i will need in @face-font and how to to make font smoother in all browser like sIFR?

Which font types i will need in @face-font and how to to make font smoother in all browser like sIFR? IE 6, IE 7, IE 8, Firefox 3+, Google Chrome and Safari (MAC) Which font type i needed ...

How to change text color for link in tr element with CSS

I'd like to change the background and text color when the mouse hovers over a row in a table: tr { background-color:#FFF; color:#000; } tr:hover { background-color:#000; color:#FFF; } This works if there aren't any links in the tr elements, but when there are, the link color remains black (because of a { color: #000; }?). How...

How can i know for any font it's allowed to use in @font-face or not?

How can i know for any font it's allowed to use in @font-face or not? even if i recieve font from client, font installed in company PC, font comes with Adobe Software and MS Office? ...

how to select just a row of table using jquery

hello i have created a table on my application same follwing code <table class="spreadsheet"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> </tr> </table> i select a row by click with following jquery code $("tr").click(function(){ $(this).toggleClass("otherstyle"); } and my css i...

CSS, HTML: Internet Explorer 7 doesn’t move the term to the next line

hi, how can I fix this problem on Internet Explorer 7: If I resize the browser window you'll see that the letters of the last tag on the right (in the header) are displayed in vertical one above each other. This happen only in IE, and not in other browser (you can better see the bug by visiting the website: http://www.sanstitre.ch/dru...

How to reduce gap between two display:inline items?

How to reduce gap between two display:inline items? gap is showing on all browser? ul.tabs li { display:inline; margin:0 padding:0;} I can fix the problem using float:left in the LI elements but I need to understand why it's happening. ...

In IE 7 background shift to 1 px top to but in FF it's ok?

In IE 7 background shift to 1 px top to but in FF it's ok? background: url(girl.jpg) top left repeat-x; position: relative; top: 0px;color: #666; border-bottom-color: white; ...

Super simple CSS tooltip in a table, why is it not displaying and can I make it work?

Hi, I have been trying to implement many different tooltips on this page for my client, he's adamant that we have a picture of the product show up when you hover over the product name in the order page. I decided to use the super simple CSS tooltip, it's very easy to implement and does exactly what we want. It works on a dynamic page, th...

change font-size of nested elements in list

Hi, I have a nested list of ul elements. I would like to decrease the font size by a couple of pixels for each level down. So for example the first li elements would have font size 18px, then nested elements of that would have font size 16px and any nested elements of that would have font size 14px etc. However once the font size ge...

CSS Jquery - When I change background color the text becomes fuzzy in IE6 ?

Hey guys I was playing around with this script of auto scrolling text. You can check out the code here: http://jqueryfordesigners.com/simple-jquery-spy-effect/ Then I changed the background color to white - and all the text started looking fuzzy and messed up - If I change it to any light color - it appears all messy. This is the por...

Crystal Report Formatting with CSS

Hello friends, I have created a report which uses CSS to set back-ground image a text box. When I run the report using ASP.NET CrystalReportViewer, the CSS formatting was applied but when I tried to print the report, the CSS formatting was not applied. I am using Crystal Report for Visual Studio .NET 2005. Please help me in solving t...

is there any difference between 1.1em and 1.05em?

is there any difference on browser between 1.1em and 1.05em? ...

horizontal table layout using css

instead of the usual vertical table data layout something like this: i'd like to display it like this in css: any ideas? my php/html code: <div class="center_div"> <table> <tr> <th>Author</th> <th>Quotes</th> <th>Arabic</th> <th>Reference</th> </tr> <?php while ($row= mysql_fetch_array($result)) { ?> <tr> ...