css

remove or disable focus border of browser via javascript

Hey guys, does anybody know how to disable or manipulate the (in most browsers) dashed border of a dom-element if it has the focus in a tabindex order? i want to build my own style for a focused element but it would be great to use the exixsting feature -because with tabindex it is possible to bind keydown event to the dom-element ... ...

iframe height not taken into account by IE8

Hi guys, I'm building a dummy widget for a iGoogle/Netvibes like portal. This is a "Google Maps" widget, as it only renders a map centered on a specific location. The widget looks good in all browsers but IE8, in which the height I specify to the <div> that contains the map is not taken into account. Here's the interesting part of the...

Safari does not show images, but FireFox does

I have a website that I am working on: http://keramed.com in FireFox on my Mac the image on the main page shows up. (The Endoshield DSEK Graft Injector) Now check in Safari and the image does not show up. I have tried taking the original .PSD and saving it as a .jpg or .png and it does not matter. I have commented out all stylesheets...

jQuery colorbox positioning image wrong ( not centering )

I am using the jQuery plugin Colorbox for some images on This page. If you look at the main product image in the center, right below it are some little polaroid-looking thumbnails. If you click on one it pops up an image using Colorbox If you make your browser window about 800px wide (the width of the page content) the popup will be ce...

CSS image quilt

So i'll try and show how I would ideally like this to look. I have images that will be different every time, and I want them to display like a 2 row quilt. Here's an ugly example: aaabbbbddddddddddhhhhhhhhh aaabbbbddddddddddhhhhhhhhh aaabbbbeeeeeggg hhhhhhhhh bbbbeeeeeggg hhhhhhhhh ccccccccffffffffffggggiiiiii ccccccccffffffffffgg...

Can I float a block of text like an image?

If you change "float:right" to "float:left" in this W3schools example, you'll get an image floating to the left of the paragraph. I want to do the same thing with a block of text. The purpose is to be able to have little annotations to the left of paragraphs. If you know of any way to do this, I'd be very grateful. I'd be really grat...

Why doesn't border-radius work properly on text inputs in MobileSafari?

Here is a reference HTML document: <!DOCTYPE html> <html> <head> <style> body { background-color: #000; } input { -webkit-border-radius: 20px; } </style> </head> <body> <input type="text" value="text" /> </body> </html> The border-radius renders fine on Safari/WebKit-based desktop browsers, but on the "...

Chrome fadeIn scroll bar issue

Bikram Website If you view this page in the latest version of chrome you will notice when you click on an instructors name the scroll bar is black when fading in. It is not a webkit issue as safari is fine. Anybody know why chrome does it? ...

Internet Explorer dont show a piece of my site

Hi guys, i am creating a new site, based in a pre-existing web page The original site is http://oasisrio.intermediasp.com/ Its works great in Firefox, Chrome, and IE But the new one "oasisba.intermediasp.com" Dont show the right bar in IE, i check all that i can think about and i dont found the problem. Someone have any ideas why this...

HTML Aligning Text

I want to display text on a page like in the following way: My Text: Text Here My Text: More Text Here......................................................... Text from line above continued here. I have the following markup just to test: <html> <head> <style type="text/css"> body { font-family: arial; } ...

How to force positioned elements to stay withing viewable browser area?

I have a script which inserts "popup" elements into the DOM. It sets their top and left css properties relative to mouse coordinates on a click event. It works great except that the height of these "popup" elements are variable and some of them extend beyond the viewable area of the browser window. I would like to avoid this. Here's w...

jQuery hide/show with select tag

I'm relative new to jQuery and I've been asked to create a hide/show function with a select tag. The function pretty much would be when you click on one of the options in the select tag it will open a div associate with the div of course. To be honest I have no idea how approach this function. I need help urgently, I have already tried m...

CSS: question about "width" and "height" for cells.

Hi, i have this page. login: [email protected] password: m I've gave a width to "td.select_edad label" but it doesnt work.. I know it's deprecated, so what is your advice? Another question: why "height" (also deprecated) is working ok for the fields of the filter? Regards Javi ...

CSS: how to align center-to-center horizontally the labels and the fields?

Hi, i have this page. How to align center-to-center horizontally the labels and the fields? Regards Javi ...

CSS/Jquery How can I display a div directly under button?

I have a button that when hovered displays a div. How can I postion this div to appear directly under the button when displayed??? <script type="text/javascript"> $(document).ready(function(){ $(".plans").hover(function() { $("#planssubnav").show("slow"); }, function(){ $("#planssubnav").hide("slow"); }); }); </scri...

jQuery show image when thumbnail clicked

Hey all, I have a list of 4 thumbnail images. When one of these thumbnails are clicked, I want it's bigger partner image to show off to the side. Only one bigger image can be shown at once. As it is right now I am stacking all 4 bigger images on top of each other and have a z-index set on the #1 image so it's sitting on top of the stack ...

CSS - changing the font color for a from select option in firefox

I'm building a website for my church, and I'm teaching myself all about web design along the way. http://www.wilmingtonchurchofgod.org/contact_us.html is the link where you can see my issue. If you look at that page in firefox, and you click the select part of the form (next to, "Who would you like to contact?") you will see that when ...

Safari extensions: style of selectbox like safari's bookmark folders

Hey guys, I'm developing an extension for Safari 5 at the moment. In my extension, I use an additional toolbar, with selectboxes in it. Now, it would be great to style these like the folders in the bookmarks toolbar look. I know that it would be possible to replace my select with a completely styleable ul-list or somethin like that, b...

CSS renders Input in firefox mac diffrent then firefox PC. can i detect OS via javascript? or maybe a CSS hack?

I have a input[type="text"] the that has padding applied to it behaves differently in firefox PC then on a mac. Any hacks that can target firefox PC? These styles are what its seen on firefox PC firebug .searchContainer input { border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; color:#555555; fl...

input in table > td, But yet extra bottom spacing between rows! Internet Explorer

Im using meyer css reset. But I have problem with input in a table. There in extra space between rows: <table class="table" cellpadding="0" cellspacing="0" border="0"> <tr> <td>&nbsp;</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> </tr> <tr> <t...