A text area that's working well in all other browsers is breaking in mobile Safari. See the image below to see the breakdown in action: The default background is appearing over what I've specified in my stylesheet, and on focus some real weird stuff is happening. http://gettinderbox.com/blogdesign/i/safarimobile.PNG Here's the CSS and ...
Hi all, I have two sibling divs sitting below each other, both contained in the same parent div. The requirement is that the divs need a certain amount of space between them, let's say 20px, but the space beween the inner divs and the parent div needs to be the same on all sides (top, right, bottom, left), in this case 0px. The constr...
I have some code inside an HTML document. The code itself is not important – I've used lorem ipsum to make this clear. <pre><code>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet diam sit amet sem accumsan faucibus ac in arcu. Quisque varius, erat vel euismod ornare, libero orci laoreet velit, at lobortis sem nisl e...
I have a simple page that contains an iframe. The iframe contains a page with some divs. When I open the embedded page separetely it works very well. The div that should be overflowed is overflowed. But when I open the container site it is not. Here are my codes: Container page: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional...
Hi everybody, I am coding some sort of booking system - calendar. One of the features is also a (js) pop up window with detailed information about event - user can either view them or edit. Now my problem - I have put there a HTML select control (dropdown box), quite simple - 5 options. But somehow, and I have no ide why, this select i...
I can't get the p, input and textarea elements all be centered with in a li elements in a user settings area I am working on right now. Right now only the input and textarea elements are being properly centered with in the li elements while the p elements are positioned right at the top. I have tried to apply vertical-align: middle t...
Page in question: http://secantmedical.com/biomedical-textiles/biomedical-textiles.php The heading area with the words "Biomedical Textiles" is set very simply with a CSS class that mirrors the page name, in this instance the class is "biomedical-textiles". Other examples include "medical-applications", "design-and-development", etc. Yo...
Using sIFR version 3, i have added a drop shadow to some link text, is it possible to change the shadow colour on mouseover, basically on a:hover ...
Is there a way to get rid of the border on <hr> element in IE6 without a wrapping it in another element? Another requirement is no hacks, unfortunately. I've managed to do it for all browsers by styling the border as such: hr.clear { clear: both; border: 1px solid transparent; height: 0px; } Yet IE6 still renders a 1-pixe...
Basically, I have a set of fixed elements that start 180px from the top of the page. They're all stacked, and I use another set of functions to hide/unhide them accordingly to emulate tabs. They all belong to the same class 'editor_view'. I want each of them to terminate at the bottom of the page. What would the code for this look li...
How I can set a style of a:visited with javascript or jquery. I know how to set with a regular link like document.getElementById('a12').style.color = '#ff0000'; But I don't know how it work with a:visited? ...
Hello. I'm looking to use jQuery to load Divs with random margins effecting the css. Below is the script I'm attempting use, trying to create a number random from 1-500, and loading that as the margin. But I'm not a jQuery wiz, and I'm missing something. Thanks so much for the help! <script type="text/javascript"> $(function(){ $("#r...
Hi Guys I want Element by using class name Now I am using GWT 2.0 Please help me Thanks ...
hello, i am using whatever:hover (http://www.xs4all.nl/~peterned/csshover.html) script to mimic the :hover selector in IE6. the suggested use it to attach it to the body element as IE6 behavior. but all my pages use XHTML 1.1, so CSS validation in VS2008 fails when I try to publish my site, so publishing fails. are there good ways to f...
Hi! Did anybody knows any opensource "UI Builder" (based on javascript or adobe air or something else) for any CSS Framework or own? Thanks! ...
Ok, I know that using tables for layout is bad. But we have a client that has ie6 installed on all workstations and we have to make a complicated layout that works perfectly on it so the clean CSS solution didn't work so I had to do it with tables. Here's the HTML code that I have : <body> <table id="main_table"> <tr> <td> ...
I'm having a bit of a problem. I'm using FireFox 3.6 and have the following DOM structure: <div class="view-row"> <div class="view-type">Type</div> <div class="view-name">Name</div> </div> And the following CSS: .view-row { width:100%; display:table-row; } .view-name { display: table-cell; float:right; } .vi...
Hi, So I'm starting to get fairly proficient at coding my site(s). But I'd like to take some meta-steps and begin to get down best practices and workflow kind of stuff. And I was wondering, I've heard that it is always important to finish html markup before adding css. Does this extend farther? I'd think that the order would be some...
I have a div with a few elements and the last element is a button which I wanted to be 10 pixels from the div's right edge. The div and the button have fixed widths. The button has display:inline (noting that floated elements get block behavior). The problem was giving the button a right float always put the button in a new line even tho...
Hello, The pagination code below works just fine. However, I'm having an issue with the CSS. The location of the pagination links really only display where I want when the user is on page 1. This is 2800 pixels from the top of the browser. For pages 2 through n, there is about 100 extra pixels of space between the bottom of the HT...