css

What editor can I use to create HTML+CSS websites?

I want something that offers good code completion and CSS color previews, plus website connectivity so I can push my files directly to my server via FTP. Is there something like this? ...

use of native html elements vs css

I am working on some legacy PHP code that holds a ton of in-line styling, one of our objectives is to leverage CSS so the code will be cleaner. One thing that got me thinking is the use of native html elements VS the use of CSS, such as bold and italics. For example, <b>this is foo</b> Or in css .bold { font-weight: bold;} <span cl...

Accounting for the length of an HTML DIV for truncating text

I have a <div> that I'm filling with a file name of indeterminable size. If the size exceeds the length of the <div> then I want it to be cut down and the last 3 characters replaced with a "...". Currently I have the following: <div id="fileName" class="field-row" title="<%= fileName %>"> <% if(fileName.Length > 20) { %> F...

CSS hacks for different browsers

Can anyone please help me with this. I am new to css styling. I have a css file where all my styling resides for the asp.net website that I am trying to build. However it works fine on the server that has IE 7 installed on it and when I try to view it using chrome, firefox or IE 8 and above it kinda distorts the look of the website. I ...

Problems styling HTML5 semantic elements such as <section>, <nav> and <article>

So I'm working on some HTML5 code using HAML and SASS. I currently have a DIV with id "restaurant-info" HAML: #restaurant-info %header#restaurant-header %h2 Bob's Country Bunker %nav#restaurant-tabs ...etc... SASS: #restaurant-info { background: #F00; } In Firefox this is creating the following HTML: <div id='restau...

Dynamically-added elements not wrapping

I need to dynamically add elements to a page, but unfortunately when I do it using the jquery .append() method, the elements seem to act differently from other elements already on the page, despite the same CSS. I created an example page that reproduces the problem. on the top is a list (ul with a bunch of li's ) with statically defi...

help in positioning flash file in a Page

Hey all , I want to put a flash file in the bottom of the page like this site I used margin property & Padding but it doesn't look well . I need the code to put it in the bottom of the page thanks in advance . ...

Fade text too long inside HTML element

So my questions is similar to this: http://stackoverflow.com/questions/3695435/crop-text-too-long-inside-div What I don't want to do is have a hard end to the text (chopping off whatever text overflows). The desired output would not include an ellipses (...) but would "fade" away. So if I had something like: <div class="text">This i...

Which is the best 3-column 100% width pure CSS layout framework?

Hi guys, We're starting new project and we need 100% width (100% height is a bonus :)), 3 column, pure CSS layout for business RIA. We checked out YAML, YUI, Blueprint and couple of others but seems that none offers or guarantees 100% compatibility with all major browsers. Which one is the best for this purpose from your experience? ...

Doesn't External JavaScript files lead to more clientside processing?

Hi all, I was thinking about external HTML files, and it occured to me, that if I group the functions from several HTML pages, in one JavaScript this will lead to extra clientside processing. Basically, I would like some idea of whether this is correct. Here is my thinking. Suppose I have one JavaScript file for five pages. If the u...

Why is text rendered with a greater font-size in Opera?

I'm working on an HTML page that needs to be more or less pixel-perfect, and I noticed that in Opera 10, fonts are rendering larger than they do in other browsers, even though the font-size is effectively the same. Please see this example page in Opera 10 and another browser like Firefox 3.6: http://troy.onespot.com/static/stack_overfl...

css fading borders without border-image?

hi there! does anyone know of a css-only method (css3 is fine, but preferably without border-image just in case) to style an active tab like the following dialog's toolbar (ignoring the icons): coda preferences on snow leopard i'm using jquery-ui to generate tabs, which means the markup is similar to: <div class="tabbed"> <ul> ...

Sliding doors HTML buttons in Safari Win

Hi, I have the following HTML for buttons implementing sliding doors technique that look fine in everything but Safari on Windows: <button type="submit"> <span>Button</span> </button> This is the corresponding CSS: button { background:url("../images/sprBgBtn.png") no-repeat right -47px; border:0; cursor:pointer; ...

Why is my text area disabled on Ipad?

Hello, I have a social network that allows people to ask questions and write blogs. For some reason on the ipad, you can write a title, and choose a category, but for some reason it will not let you write in the text area where one would compose their blog or ask their question. Is there some sort of special text area that ipad wants sup...

Keep header in fixed position? How

Hi for this site http://dev.missionmedia.net/justkidsmaryland/#justkidsreport When I add fixed: position to #header it pushes the header graphic to the left. Any suggestions on how to make the full header and it's #head property to remain fixed? thanks jonah ...

CSS: How to limit text shown with using "..."

Possible Duplicates: Is it possible to implement the effect of overflow:ellipsis with javascript or css? How do I indicate long text into a smaller fixed column with CSS? I want to trim text if it's greater than 300px wide with "..." For example, if I had: <ul> <li>this is greater than 300px, than only display as much of t...

javascript problem in firefox

hi. i'm using this javascript to toggle the visibility of some divs which have different ids. it works how i want in google chrome and even in internet explorer but in firefox when i hover the links the divs won't change their visibility. javascript: function loaded() { // this one is called in the body tag about.style.visibi...

Problem mixing overflow-x, FireFox, and Javascript.

First of all, this problem only happens in Firefox. Check this example page to understand the problem: -removed- Select any page besides home. The window will scroll to page. You can then scroll down using the mouse wheel. This works fine. BUT if you grab the scroll bar on the right with your mouse it will jump back to the "home page" ...

CSS padding and font issue.

I am having an issue with font settings and padding in CSS, I am a visual person and I bet you are one too, so here's my problem: http://imgur.com/Wh441.png if you can solve it I will give you an upvote :O ...

Why does Firefox have a 3px wide border on input[type=submit]?

All my submit buttons have different size and it looks really weird. At least I want them to have the same height. Look at the pictures below. Firefox: IE7: Chrome & IE8 (how i want it): My CSS looks like this: input, select, textarea { margin-bottom:3px; } input, select, button, textarea { font-family: Tahoma, Verdana, sans...