I have nested ul/li's and the problem is that if you add a background color to the top li, because there are nested items within it the whole list appears to have this background color rather than just the top li (I assume this is because it's extending the height of the top li). Is it possible to only apply the background color to the ...
What I want is to have mutliple divs after one another, that each is the full width and height of the browser/viewport. When the browser is rezized, the divs should rezise accordingly. I have succesfully managed to do this in FF and IE (just width: auto and 100% height on each div), but Safari & Chrome still doesn't get it. The weird th...
I have the following code which, as expected, shows a grey rectangle in both Firefox and IE. As soon as I add a DOCTYPE (HTML 4.01 Transitional) in front, it shows only a blank page. The online validator says the document is OK. What is wrong? Should I care about DOCTYPE? <html> <head> <title>Title</title> <meta http-equiv="content-...
Hello, I was just reading this article :- http://css-tricks.com/perfect-full-page-background-image/ Please note this css :- #bg td { text-align:center; vertical-align:middle; } What is text-align doing in here? If i just remove that property, it stops working. CSS can be quiet difficult to understand sometimes :( Thanks i...
Hello, I've got a page where I'm trying to fetch arrays of classes for lots of divs which share a common class. For example: <div class="common lorem ipsum"></div> <div class="common dolor sit"></div> <div class="common hello world"></div> I want to fetch each common class div and get an Array of it's classes. At the moment, I'm doi...
Hi, I have this page. The register form should be on the right on the sign in form, but it doesn't... I added "clear:right" to the registering div, but it doesn't work.. Any idea? Regards Javi ...
body{ margin:0; padding:10px; background-color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#990000; text-align:center;} .outer{ width:800px; margin:auto;} .header{ width:800px; height:200px; margin:auto; background-color:#0000FF;} .menu{ width:800px; ...
I notice the problem mostly with Firefox 3.6.6 on OS 10.5.8, and it happens occasionally with Safari (get your surprised face ready - IE actually works fine everytime - what?!).My url is here: http://culturewithinaculture.org/introduction.php NOTE: It's password protected for now, as we haven't officially launched the site. User: cwac ...
Hi, the title is self-explaining. On iPhone, Mobile Safari is WebKit based and supports hardware-accelerated -webkit-transform CSS properties. To be specific, I use the translate3d() transform. What alternative is there for the Android browser? I need it to work on Android 1.5. Thanks in advance. ...
Hi all, When setting a style at #inline2 hiding it, Fancybox will appear empty on click. In addition the #inline2 element can be seen in Fancybox when there's no style hiding it. Though this example is copy'ed directly from the various examples on the official Fancybox site. See Various Examples at http://fancybox.net/home. Someone pl...
I am using a CMS system, which has a template for generating forms, with predefined CSS. The CSS file in use is here The form I am using at the moment is: <div class="bodyline"> <?php $theform->startForm($pageTitle)?> <div id="rightSideDiv"> <fieldset> <legend><label for="report">Report</label></legend> ...
I'm trying to get a transparent png frame image to hover over an img tag to create the look of a frame over it. I've tried multiple different approaches and none seem to work. The latest method I used was http://www.cssbakery.com/2009/06/background-image.html this doesn't seem to work either. HTML <div class="filler"> <div class="...
I'm looking to use an animated cursor in JS. CSS custom cursors do not animate in most browsers. I have heard of people (can't recall who) doing this. They hide the regular cursor (by setting a transparent custom cursor), then create an image that follows the cursor in JS. Anyone have any better ideas to achieve animated cursors? Is th...
How can I do this? I tried $('link[title="mystyle"]').remove(); and although the element is removed, the styles are still applied to the current page (in both opera and ff). is there any other way? ...
I'm having a hard time getting jquery fades and the opacity css element to respond to me in a firefox extension that I am writing. I am using FireFox 3.6. I'm pretty sure that these two problems are related. This code is not fading, it is simply popping on and off the screen after a four second wait: css_notify_div = { position: 'f...
Edit: Ok, this is what works. It may not be "right", but 1) it displays correctly & 2) it validates at W3C. It seems that I should make all positioning absoolute and add positioning to all divs except for those with a fieldset, where I have to add the position to the fieldset. Feel free to correct this if you think that I am wrong, but ...
Can anyone please tell me what does *width:auto; mean in css? For example: div.ReportingControls dd { width:450px; *width:auto; } Thanks ...
Hello All, after a day trying to make this work, I finally decide to ask for help ;-), Since I'm a new at jQuery, I hope to find someone to help fix this issue. I have a portfolio page where I need to run the gallery in a growl for each single project. Everything works just fine until I'm adding a second gallery. The code that I have ...
I have an issue with background-position in mobile safari. It works fine on other desktop browsers, but not on iPhone or iPad. body { background-color: #000000; background-image: url('images/background_top.png'); background-repeat: no-repeat; background-position: center top; overflow: auto; padding: 0px; margin: 0px; font-family...
Hi all, Link to page: http://www.northtreestudios.com/sandbox/ Wondering how I can get the background images of my site to not trigger the scroll bar due to their width/placement. I am using a 960 grid with 16 columns, but the background has several images at arbitrary positions to create some detail effects. These do not conform to th...