css

does one need any 'programming aptitude' to become a web-designer ?

It's well-known among teachers that some people can program and some can't. They just don't have mindset for that. In a nut-shell, I want to ask if the same is true about web-design. I have a friend who is a good designer in general and can produce reasonably good-looking sites with WYSIWYG editor like Dreamweaver. But, since we're star...

All stlyes in css

In .Net, all styles are not listed in corresponding controls and html tags. For example, the style "WORD-BREAK","WORD-WRAP" etc. Any site which lists all styles available to all tags and controls ? ...

Are @font-face fonts loaded by browser even if not used?

So I have this stack: @font-face { font-family: 'MyCustomFont'; src: url('MyCustomFont.ttf') format('truetype'); } body { font-family: Helvetica, MyCustomFont, Arial, sans-serif; } Is MyCustomFont.tff loaded by browser even if Helvetica is present in the machine (ie: Mac Users)? ...

text align for display block element doesn't work in ie5,6,7

i have a simple menu list... <ul> <li><a href="#">Մեր Մասին</a></li> <li><a href="#">Դասընթացներ</a></li> <li><a href="#">Գրանցվելու կարգը</a></li> <li><a href="#">Հետադարձ կապ</a></li> </ul> and CSS: #menus a { margin: 0; padding: 3px 0 0 0; color: white; font-size: 15px; display: block; width: 160p...

DOM based scripting.

ok so here's my problem... i've been following this tutorial ( http://www.alistapart.com/articles/dropdowns ) to make a css drop down menu with my wordpress blog. everything works fine... except in IE6. now i know this is normal, and in the link i posted above there is a fix of this which makes use of DOM based scripting... is this java ...

cushycms - jqGrid - columns name::How can be jqGrid and cushycms work together?

Hi, If website have h1 tags to include to cushycms its simple <h1 class="cushycms"></h1> But in case of JqGrid table how can its can work with cushycms? I need to insert class="cushycms" to columns names of jqGrid. Example:How cushycms works with simple table(But with jqGrid I dont know): <table> <tr> <th class="cushycms">name</t...

CSS and HTML mouse out?

Hi, ive been googling but cannot seem to find a mouse out method, similar to hover, for css. Is there one and if so how should it be coded? ...

Ruby on Rails or programmatically generated <span> or <img>, each on a line, causing spaces in between when displayed

When using Ruby on Rails or other framework, a lot of time we generate <span> or <img> in a loop, and each line will be on a new line. So when it is rendered in HTML, there will be extra space between those inline elements. How can it be solved? Must they be made into 1 long line, or solvable using HTML or CSS? ...

white border of combo box in IE7

I have a problem in my page.I have some combo boxes in it.In other browsers it looks very good but in IE-7 it looks very bad. It is bordered white in it. How can I solve this problem. Any idea ? ...

Finding CSS class in jQuery object that has been populated from XML.

Hi all, I have populated an asynchronous ajax function which grabs data from an xml: $.ajax({ type: "GET", url: "/content/en_GB/banner-data.xml", dataType: "xml", success: function(xml) { $(xml).find('item').each(function(){ var section = $(this).attr('section'); var title = $(this).attr('title'...

How to reference this CSS in Javascript?

Hi, i have the following CSS for a mouse hover event. Im not sure how to refer to the #tabs ul li a:hover from within the Javascript? #tabs ul li a:hover { color: #000; font-weight:bold; background-color: #0ff; } and i wish to swap the background color line for this Javascript code: <script type="text/javascript"> he...

is it ok to use different css files for different browsers and load it accordingly

I am getting rid of browser compatibilty issues. so i come up with idea to load the only css according to browser. So say if user uses IE then only styleIE.css get loaded if firefox styleFF get loaded and so on. my question is it correct method if not what care should taken to avoid this compatibilty issues. because when i solve issue...

Input Button Sliding Doors CSS Issue

I have a sliding doors technique working great on my input buttons with the exception of one last piece I can't resolve. When I mouse over the right side tip of the button it will highlight a different shade of my button style. The right side is the "sliding door" and it appears to function independent of the left side of the button. H...

Paginated jQuery Result Set from XML File Problem

Hello there guys! I am having a spot of bother with a code I am developing to show 10 Magazines at a time that is being fed from an xml file. I have it working to some extent, FF and IE7+8 do not like it, maybe as it says there is an error on line 62 - being the core function calling the data to be fed in. Here is my code: <!DOCTYPE h...

Why is adding overflow:hidden causing an element to shrink

I'm using jQuery UI, and have built a toolbar (a div element), with button groups (span element), each containing buttons, radios etc. On some of the radio buttons, I have created complex labels to simulate MS Word 2007 style buttons. There is an iframe with a style preview, and a p element with the button name. E.g. <label ... > ...

How do I create a border that fades out

Think of a normal border with a solid color for the left, top and right, but I need to have the left and right fade into a blank bottom. Any pointers on how to implement with cross browser support? Thanks for any help! ...

Add header to <dl>

I have a <dl> and I would like to add a header to it. My first attempt is not successful - I don't know how to get the <dt> header to span both the subsequent <dt> and <dd> elements. <style> dl.table-display{ float: left; width: 100%; margin: 1em 0; padding: 0; font-family: verdana,arial,helvetica,sans-serif; fon...

CSS Heading Style Problems

I feel like the answer to this question is probably very simple, but I'm honestly struggling with this. I have a web page in which all heading will need to be blue, so I added this to my stylesheet: h1, h2, h3, h4, h5, h6 { color: blue; } However, on the same page there will be 5 different divs, in which the heading color will need t...

Advanced selector - Hide Parent

Here is my HTML: <td> <a class="button" href="#"> <input id="download">...</input> </a> <a class="button" href="#"> <input id="downloadcsv">...</input> </a> </td> Using CSS I want to hide the <a> which contains an input with the ID = downloadcsv Is there a parent option in CSS? Edit: As current aswers indicate you cant hide ...

How to display a table row once per page only?

Hello, I am trying to display every odd instance of a table row, however there is another table intervening. The (simplified) structure is: <div class="question03"> <table class="trendgraph"> <thead> <tr class="q3_pageheader">....</tr> <tr>...</tr> </thead> <tbody>...</tbody> </ta...