css

Why do designers use sIFR if they can use @font-face ?

Why do designers use sIFR if they can use @font-face ? What is wrong with @font-face ? @font-face { font-family: "Hacen Tehran_eot"; src: url('Hacen Tehran.eot'); } @font-face { font-family: "Hacen Tehran_ttf"; src: url('Hacen Tehran.ttf'); } p { font-family:"Hacen Tehran_eot", "Hacen Tehran_ttf", sans-serif; ...

CSS layout question

I need to display the following list with each a tag in li taking up the entire width of the ul. the width of the ul is 500px; <ul> <li><a href="#">Home</a>a href="#">Home</a></li> <li><a href="#">About us</a><a href="#">About us</a><a href="#">About us</a></li> <li><a href="#">Products</a></li> <li><a href="#">FAQs</a><a href="#">FAQs<...

CSS3 Border Opacity?

Is there a straight forward way to make the border of an element semi-transparent with something like say border-opacity:0.7; ? If not anyone have an idea how i could do so without using images? ...

CSS Positioning problem with Firefox

Hello friends, i've checked through the posts on several sites including stackoverflow but was not able to see a similar problem like mine. I have a page with some div containers, that separate input boxes and let them look good. Problem: Although everything looks good on safari/opera/chrome, the boxes get weird on firefox. I'm ...

How to style sets of labels and fields in a form with pure CSS and get proper alignment?

OK, I'm asking as a last-ditch effort to comply with my conscience and do this with CSS. I want to layout this simple form using CSS, but I've spent two hours trying to get it and always end up with alignment issues. I did it in ten minutes using tables. Meh. I need labels right-justified, the name row split in two, the labels properly ...

How many ways do you have to escape or close HTML tags?

I'm writing code to deal with errors, and part of this is printing a message to the user (eg "Whoops!") However, the error code does not know what has gone before, so there is a danger that the error message might be hidden. For example, what if the error occurs when generating Javascript? Then the HTML output would look like this: .....

Stacking Divs with CSS

Im kinda new to CSS have been using tables for my html for years, Im trying to figure out how I can nest divs or stack them inside the content section of a 3 column layout. with tables I'd just do a new <tr> but if I float another div into the content line line it will appear parallel or vertically, when I want to appear beneath. is ...

css div align why works only inline

Hi , I wonder why align doesn't work when used in external style sheet but works fine in inline (correct me if I'm wrong) and also I can't use both align and external styilng by using an id for div http://www.jsfiddle.net/pahnin/rdgbq/5/ ...

Banner rotator giving "loading" message in browsers

I have this banner rotator function: var banners = ['../Graphics/adv/1.gif','../Graphics/adv/2.jpg']; //here put location of the files to display var loadedImgSrc = null; function loadBanner() { var liczba = Math.floor(Math.random()*banners.length); loadedImgSrc = banners[liczba]; var objImage = new Image(); objImage.onLoad=ima...

Implementing Leaner CSS

For those of you who have implemented Leaner CSS for existing apps, I'm assuming that you didn't take your existing 1000 lines of CSS and migrate to Leaner CSS day 1. So how did you use the two in parallel? How did you setup your env to run off the old CSS file while also using any CSS written in LESS? Any good tutorials out there? ...

Div's in one line

Here is my code: <style type="text/css"> div.page { text-align:center; border: 1px solid rgb(0,0,0); width:20px; height:20px; } span.page { text-align:center; border: 1px solid rgb(0,0,0); width:20px; height:20px; } </style> <div class="page"...

jQuery : trying to draw elements that snap together and break apart

I'm trying to implement some kind of very basic flow chart functionality in a div. Basically I have some boxes which by default my be joined by a little AND bubble. If I click on the bubble it will change to an OR bubble which will result in the boxes (divs) splitting. Not really to sure where to start on this any guidance much apprecia...

Javascript and CSS that can replace alerbox. Alert Box is so unprofessional.

Possible Duplicate: Custom alert using Javascript I want to create a confirmation message-"Do you want to proceed deleting? [Yes] or [No]". I have a table with many data rows where the delete link is clicked in a particular row, the data in the row is deleted in the database. When the user clicks the delete option, i want to ...

customizing facebook like-box

hi fellow web developer, I would like to customize the design of my facebook like-box. ive already search the net and follow all the instructions, here's the link ive tried but its seems obsolete: http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/ there are lots of tutorial in web, but have the same solution....

CSS Noob Could really use some Skilled help with layout and positioning

Possible Duplicate: Stacking Divs with CSS Im kinda new to CSS have been using tables for my html for years, Im trying to figure out how I can nest divs or stack them inside the content section of a 3 column layout. with tables I'd just do a new TR but if I float another div into the content line line it will appear parallel o...

Apply CSS to iframe

I add iframe from external site to mine like this: <iframe src="http://site.com/page/"&gt;&lt;/iframe&gt; It has some own css and javascript files. How can I add my own css styles to this iframe? ...

Positioning to bottom of dynamic div

This is what I'm trying to achieve http://i.imgur.com/e9xZa.jpg I tried this jsfiddle.net/RUSm3/ but as you can see the date overlaps on the image. So I added left:215px for the date jsfiddle.net/9aw29/ It looks good but perhaps I don't have an image. How can I get the date back to the far left? I'm trying to achieve this withou...

How can I vertically align a <table> in the middle of a fixed height <div>?

Hi my dear friends. Why does the code below not cause the <table> to be vertically-aligned in the middle of the <div>? <div style="width: 850px; height: 470px;vertical-align: middle;" align="center"> <table style="padding-left: 20px; width: 700px; border: 10px groove #0033CC; background-color: #F9F9F9;"> <tr> ...

CSS: how to "plot" invisible text over an image?

Say I have a webpage containing a 200x200 image. At coordinates 50,50,150,150 (x1, y1, x2, y2), say I have the letter "A". How do I do the following in CSS: Overlay the image with the character "A" starting at the coordinates x1, y1? Size the text such that it fits x1, y1, x2, y2? Make the text invisible (but still on "top" of the ima...

JQGRID - Is it possible to change the background color of HTML header text in JavaScript?

Is it possible to change the background color of HTML header text in JavaScript? Edited: oops - i did forget to add that is it header text in jqGrid.. i'm sorry about that.. ...