css

Is it possible to make cross browser website without having any IE conditional CSS?

If i I'm not using any transparent png, not using :hover on other thank a:link, Is it possible to make cross browser layout without having any IE conditional CSS .and keep main css valid? I want to keep only one css file for whole needs. screen, print, handheld. What things we should consider? ...

CSS IDs and nesting tags with Haml

I have the following code in my CSS file, which isn't working. #home table th td { border:1px solid black; padding:2px; } In my index.haml file, I have: %div{:id => "home"} %table %tr %th Your Account %tr %td #{link_to 'View my profile', @profile} %br #{link_to 'Edit my profil...

Is a relative path in a CSS file relative to the CSS file?

When I reference an image or other file in a CSS file by a relative path, is the path relative to the CSS file or the HTML file using the CSS file? ...

CSS inheritance, aliases and other cool stuff

The other day I was randomly browsing the web and I found some program that lets you write CSS aliases and other cool stuff (which I can't remember right now). As an example, I remember you can do something like this: .myclass { background-color: red; greenfont } where greenfont was defined somewhere else as somekind of alias ...

html lists with specific characters?

Is there a way to style a unordered list using the greater than symbol or any symbol I choose? > one > two > three ♦ one ♦ two ♦ three without the use of url()? Thanks ...

How to remove only tag using jQuery?

<div> <ul> <li><a href="#"><span>link</span></a></li> <li><a href="#"><span>link</span></a></li> </ul> </div> Hi I want to remove the span using jQuery, I have tried the .unwrap(); but its not working. please do needful. ...

dropdown hidden behind divs in IE7

Hi I've finally got Suckerfish working and styled but in IE7 it is hidden behind the divs below it. See the dropdown on the 'Your Video/Pics' button here. I know usually a z-index would solve the issue but in this case it seems not. Can anyone help? Don't worry this site is not supposed to work in IE6 ;) ...

display:none doesn't work on outlook 2007

I want to send some msg from our manage system to customers. but i wanna some tags hidden to them. i set css : .hidden{display:none;} , but this does not work. ...

jQuery: list appended not displaying bullets

I have the following html: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt; </head> <body> <span>not so important</span> <span title="some specific text"><img src="/img/some.gif" /></span> <span title="more specific text">important 1</span> <span title="more specific text">...

Cross browser's probelm to highlight option item as bold in form element "select".

Hello All , I am facing one weird cross browsers problem i.e. I want to highlight some of the option items as bold by using CSS class in my form element "select". This all is working fine in firefox only but not in other browsers like safari , chrome and IE .Given below is the code. <html> <head> <title>MAke Heading Bold</title> ...

css display:table first column too wide

I have a css table setup like this: <div class='table'> <div> <span>name</span> <span>details</span> </div> </div> The css for the table is: .table{ display:table; width:100%; } .table div{ text-align:right; display:table-row; border-collapse: separate; border-spacing: 0px; } .table div span:first-child { text-align:righ...

How to convert this jquery code into noconflict

will we have to replace every $ with jquery? $(document).ready(function() { $('.tabs a').click(function(){ switch_tabs($(this)); }); switch_tabs($('.defaulttab')); }); function switch_tabs(obj) { $('.tab-content').hide(); $('.tabs a').removeClass("selected"); var id = obj.attr("rel"); $('#'+id).s...

Resize div on browser resize

I have a <div> which I want to display full screen, but I also need to incorporate a 60px high <div> and a 10px high <div> at the top of the document. The size of the main div will need to re-size as the browser window is re-sized to keep it full screen. <div id="div1" style="height: 60px"> </div> <div id="div2" style="height: 10px">...

Resize TD. (Noob question)

I am currently re-building a table display page, just wanted to know if it's possible to resize a TD without inline styles, like add a class with width and height? Example: <td class="Td_class">Blah</td> .Td_class { height:30px; width:80px; } Probably can, just wanted to make sure for when I make this table. Thanks. ...

Large HTML Form - User Experience and Accessibility

Hi, i have a large form with a lot of fields. I used fieldset on it. How could I create a better experience to user/accessibility with this large form? I think about split it. What do you think about it? ...

In Adobe Flex, why does an embedded version of a font, behave differently from the same font installed in the system.

Scenario: Flex application utilizing an @font-face declaration for embedding the font. (Embedded fonts are required to be able to rotate text.) The application was originally developed as an English application, but during localization it became necessary to locate a unicode font capable of displaying Asian characters. The original im...

How can i reuse a color in a stylesheet?

Hi, i have a stylesheet and a lot of styles with the same border color (#CCCCCC to be precise). Is there a way to specify some kind of variable and reuse that, so in stead of typing #CCCCCC over and over, i can type border: 1px solid $bordercolor; ps i'm using asp.net mvc ...

Expanding DIV slides behind DIV beneath it...

I'm not sure that I'm going to get an answer here, as I'd need to post a lot of CSS and html to get a working recreation, however... I have structure something like this: <fieldset> <legend>Test A</legend> <h3>Test A</h3> <p> Something here. </p> <div style="display:hidden;">I'm dynamically displayed</di...

Change Stylesheet via If in php

Hey i have a question. At the moment i'm trying to use a stylesheet which i get through a if. but it doesn't do anything. here is my code at the moment. the variable $stylesheet will be variable but while testing i've setted it to normal <?php $stylesheet = 'normal' if($stylesheet = 'small') { $style = './sitestyle/styles...

Should we wrap jquery code $(document).ready(function(){ in external js also

When we write inline javascript in then we keep code inside $(document).ready(function(){ // Your code here }); and if i want to paste code // Your code here in external .js file then should i keep code inside this $(document).ready(function(){ // Your code here }); or we can have without this // Your code her...