css

jQuery UI button won't stay hidden in IE7

Ok, I have made a twitter-style control panel to apply filters and sorting to a list, the code for it is like this: <div id="drawer"> <div id="orderDrawer" class="subDrawer" > <div class="closeDrawer clearfix ui-icon ui-icon-closethick">close</div> <h4>sorteer</h4> <div id="orderPanel"> <!-...

Two-Column CSS Layout without having to specify the right column

I'm trying to figure out how to create a layout that would display two columns, one on the left and one on the right side. I'm cool with specifying the width of the left column, but because of margins and paddings, I really don't want to specify the width of the right column and leave it up to the browser to decide. I cannot find any ex...

Internet Explorer PNG CSS Problem with Opacity

Hey Guys, I have a very strange problem that I cannot seem to overcome. When I overlay text on top of a to that have a PNG image and also has an Opacity, the text itself becomes transparent. I've tested this in IE7, Firefox, Chrome, Safari, and seems like IE 7 just will not want to work. To see the problem, visit http://yask.me ...

Rounded input buttons, absolute positioning, liquid width

I realize there are lots of rounded buttons questions, but my needs are fairly specific, and this hasn't been answered elsewhere. Here's my requirements: Works with absolutely positioned buttons Client side only techniques ( can't change HTML on server side ) Works on input type=button and input type=submit (button element not needed)...

automatic resize the tag when content overflow in firfox and chrome

i am placing the content in p tag. i am specified the width and height of the p tag initially.When the content appends dynamically,The content may be large and it overflows to the p tag. but i am abserved in case of IE it is automatically increase the p size when content overflow occurs.But incase of other browsers content will be appen...

how to make sure a website is suitable for all screen resolutions?

Just spent several hours writing up for a new site... looks great in my resolution, 1366x768... However, even going down to 1024x768 means that not everything fits inside the screen width!! Tried: <script type='text/css'> body {width:100%;} </script> This does have some effect on my resolution but no effect on smaller resolu...

Negotiate arrays inside an array

When i perform a regular expression preg_match_all('~(https?://([-\w\.]+)+(:\d+)?(/([\w/_\.]*(\?\S+)?)?)?)~', $content, $turls); print_r($turls); i got an array inside array. I need a single array only. How to negotiate the arrays inside another arrays ...

Dynamically changing typeface / font in web page based on user choice

I know of various ways to dynamically alter web pages' typeface properties via JS/DHTML, or replacing text with Flash-rendered fonts (with sIFR or Cufon). However, I can't find any good examples of dynamically changing the typeface used on a web page depending on user choice - with, for example, the use of a dropdown box or text links (t...

HTML CSS Validation Error

Error found while checking this document as XHTML 1.0 Transitional! i have my site [here][link removed] but im failing to validate either online or in dreamweaver cs5. the problem being: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://ww...

How to embed flash in a website? it stretched up in IE6

Hi, I re-design a flash website and now there is problem with the dimension of the stage. I can see it on IE6 and old version of FF, but it looks good on Chrome, IE7+, Safari. since it was made 2 years ago, the player version was upgraded on the export to swf. The width is fine, it sets to 100% of the window, but the height looks like i...

What is the means of terms "Normal Flow" and "Out of Flow", in terms of HTML, CSS and Browser?

What is the means of terms "Normal Flow" and "Out of Flow", in terms of HTML, CSS and Browser? ...

Is there any point using `-webkit-border-radius` and `-moz-border-radius`?

Or does everything use border-radius now? ...

hide scrollbar while still able to scroll with mouse/keyboard

Hello, I want to know if it is possible to hide the scrollbar, while scrolling is still enabled with mouse/keyboard. I tried to use CSS: overflow: hidden; The effect is, scrollbar disabled AND scrolling disabled. ...

how to change dimensions of html5 canvas without it scaling content

I init my canvas like this: <canvas id="canvasDiv" width="20" height="20"></canvas> and somewhere in the code I want to resize it to it's final size: var canvas = document.getElementById("canvasDiv"); canvas.style.width = 200; canvas.style.height = 100; However, any pixel I plot on my canvas is scaled (so it's not 1 pixel anymore)....

How to get rid of margins in jquery layout

I am using jquery layout and I have a very hard time getting rid of the margins on the panes. There is always a margin and no amount of css will get rid of them. I am implementing the simple demo.simple demo So basically I want the same thing but without any margins/padding on the inner panes. Ill ajust these my self. The objective is to...

Webpage displays to left on safari

Hello, I am having a problem displaying a webpage on Safari. It will not display center, but will instead displays the page to the left and has a huge amount of empty space to the right of it. I don't get this behaviour with Firefox, IE, or Chrome. Can anyone tell me what is going on and how to fix it. The website can be viewed at: digi...

a:hover above img doesnt work properly with display block under IE & Opera

Had anyone got a problem with a:hover that has position: absolute and is above <img> under IE & Opera a:hover has background, but <a> hasnt, both has display: block. Thank you in advance for your help ... To see the problem please check this webpage: http://bckp.eu/test.html or use this code: <!DOCTYPE html PUBLIC "-//W3C//DTD X...

How can I get rid of these shadows on my text in Internet Explorer?

Hi There, If you go to http://mattculbreth.com or http://mattculbreth.com/projects.html in IE <= 8, you'll see shadows around the text. Safari, Chrome, and FireFox all render this correctly. From looking at the CSS, can anyone tell how to make this look better in IE? IE 9 looks ok (but it doesn't get the gradients, which I'm fine wit...

How can I tell the value of of a class attribute via jquery?

Hello, I have an element with a class, the class has a set width. Later I change the width with $('#elm').width(100); now, even later, I want to go back to the original value. Is there a way to get what the original value is from the class definition itself rather than store a bunch of globals with the values I need. Thanks, Justin ...

what is the correct way to code incoming links for SEO?

our site is giving out 'badges' to our authors. they can post these on their personal blogs and they will serve as incoming links to our site. We want to give out the best possible code for SEO without doing anything that would get us flagged. i would like to know what you're thoughts are on the following snippet of code and if anyone...