I have some page elements which are meant to appear in a two column list. <ul id="modules" class="module_container"><!-- begin modules --> <li> <div class="single left" id="component_194"><!-- begin component --> <p>Excepteur sint occaecat cupidatat...</p> </div><!-- end component --> </li> <li> <...
I'm using a cms (Wordpress) and have a gaggle of external stylesheets I'm loading on each page, though some of these stylesheets are page specific. Overall I'm getting bad scores from Yslow and Page Speed so I'm considering adding some php conditionals to tell the browser to load only the page specific css files as necessary. However, ...
Hello, I have this: <div id="mydiv"></div> With: #mydiv{ position:relative; } When I execute: $('#mydiv').css('top','500'); Is not working, I'm not getting errors at all. Basically what I need to do is move (not animate) that DIV 500px up, is there any other way to do it? ...
Have a tough one here! I'm creating a blogger template, and the client wants varying colours applied to headings in the right column of the template. The problem is, I have little control over the html generated as it is controlled by the blogger engine. What I want to be able to do, is: Select Nth instance of an h2 element with a cl...
how can i find in a early way that this css class is being used or not in website ? like- style property that i write in my css is being used or not? and class or id is being used in webpage? exe: .textstyle4{ font:normal 12px Arial, Helvetica, sans-serif ; color:#777; } i want to know in my whole website where this css s...
So I designed / coded these drop down menus for this website. It works perfectly in Safari, Firefox, ie7, and ie8, but in Opera, it is extremely buggy. Check it out (in opera): http://newenglandforestrally.com/ Is this an opera bug with how Opera handles jQuery (and therefore blame it on the browser and not worry about it), or should I...
On my homepage I have a slideshow of pictures that are user selectable. I don't want the user to have to modify the image at all. http://homespun-at-heart.com/ is the example except that the way that it currently is, the user has to modify the image. What I would like to do is to have a div that is layered on top of the image so that ...
Hey all, I've been trying to get a series of objects to appear that have multiple classes associated with them <div class="Foo Bar"> Content </div> <script> alert($('.Foo').length); </script> The selector above is returning 0. This is unfortunately one of those questions that is completely impossible to ask to google (at leas...
Hey, anyone have any idea what the best way to allow users to save custom css would be? Specifically, there are about 4 color values that I would like to allow a user to choose and these colors would be used to create a custom theme for the user. I'm thinking save values in the database and then using dom:loaded with prototype to set t...
Hello, How can I load images to cover the whole background like some websites, using CSS. Not the usual background-image property but I want to load the images quickly. example sites - http://www.marinayachting.it/ http://alexandraowen.co.nz/ Thanks Jean ...
I assume the answer is "no," but I thought I'd throw the question out there to all you CSS ninjas, since it has cropped up before, and when you're digging through code that involves a whole team, the happiest answer isn't always "well, just rework the code." Given an ordered list: <ol> <li>...</li> <li>...</li> <li>...</li>...
I have one form as shown below: Page 1: <form name = "form1" method="post" action = "page2.php"> ........ </form> Page2.php: <?php For loop ... ..... end ?> Now i want to have progress bar on page 1 so that it can show the completion progress of for loop in page2.php. Tell me how can i do that? Please don't direct me to any pro...
So i have the following structure <div id="container"> <div id="head"></div> <div id="body"></div> <div id="foot"></div> </div> I am only using the ids for illustration purposes so this is not even necessarily for a full page. I want my container to specify a fixed size... or a relative size, does not matter. Lets for argument ...
I know the width of the "Form sheet" modal on the iPad screen (540 x 620), the width of iPad screen (768 x 1024), and the width iPhone screen (320 x 480)… but when loading an html page into the "Form sheet" modal the width defaults to the device width per the viewport meta tag: <meta name="viewport" content="width=device-width"> This ...
First up, JavaScript is definitely not my native tongue. Nevertheless, I've been tasked with creating a web page where the user can use a colour picker to change CSS elements. These then need to be sent back to the server to be stored in a database. It's all working so far except the last part, because I'm stuck reading the required elem...
How to overlap selected tab over 2nd level tab using css only? This is HTML code <div class="tabcontainer" id="tabcontainer"> <ul id="tabitemscontainer1"> <li class="selected"><a href="#">item 1</a> <ul class="level2"> <li><a href="#">sub item 1 </a></li> <li> <a href="#">subit...
I want to add a + button to div 1 only if JavaScript enabled (otherwise it should not be there) and when user will click on + button then div 2 will be open/close like accordion. if div 2 is opened then + icon should be changed into - by default div 2 should be closed and if JavaScript would be disabled then it should open by default a...
Hi, I have a radio button with long labels that wraps to the next line, it is displaying correctly in Firefox and IE8, but not in IE7 and IE6. Basically, what I want is shown below (where o is the radio button): I/we authorise WITHDRAWALS from my Investec account to and DIRECT DEBITS from this designated account I/we authorise WITH...
I don't know and can't possibly know the width of the absolute div I need centered. It must to be absolutely positioned because it is overlapping other elements (z-index trickery). This is my basic structure <div style='position:relative'><div></div><div style='position:absolute'>...</div></div> The first child div is not absolutely ...
I have a seperator li which has a background image, in an expanded tree menu, it may appear several times using the css: .simpleTree .line { background:url("/images/Css/gridLine.gif") no-repeat 0 0; Even tho it is cached (from previous instances), there is still a slight delay in IE7 (~500 - 1sec) before all the background images ...