Hi, I'm attempting to make a 2x2 grid with each cell 300x300px. Each cell has an image, which fades in and out, reloaded using AJAX ( jQuery to be precise) - creating a 4 image gallery over ajax. All images are simply dumped into a folder, so there is no defined height or width of them. Is there any way by which I can have the fill th...
I'm wondering, if i'm doing this: <div style="width:50px;height:50px;background: transparent url(sprite.png) 0px 0px no-repeat;">555</div> <div style="width:50px;height:50px;background: transparent url(sprite.png) -56px 0px no-repeat;">666</div> <div style="width:50px;height:50px;background: transparent url(sprite.png) -109px 0px no-r...
I need to create a textarea with jquery and/or javascript. I am using this code ( click here for preview ) but backspace, enter, simbols and lowercase doesn't work. Why ?: <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <meta charset=utf-8 /> <title>TEST</title>...
What is the best way to make something like a mask with rounded corners for an image using CSS/JS/HTML? So, I need to add rounded corners to a rectangle image. I thought about adding 4 graphic elements like this one above the image at its corners to hide some little parts of the image. Here red color is, for example, for using on the re...
I have an H3 heading that I'd like to style as having a particular background color, but without having the element's background take up the full width of the parent element. Seeing as H3 is by default a block element, my style would need to change the element to an inline-block element, or just an inline inline element like so: h3 { ...
look at this jsFIDDLE sample i want to change the cell background color for hover state with CSS.. it can be attained through JavaScript but i want to do it with CSS... plus i want the whole cell to act as a link how to do it ...
Given the following HTML: <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p> And the following CSS: p { border: 1px solid red; width: 200px; text-align: right; white-space: nowrap; } What would the expected rendering be? I was expecting the text to butt up against the right h...
Im using this script for form titles: $(document).ready(function(){ $('.add-news').each( function () { $(this).val($(this).attr('defaultValue')); $(this).css({'color':'#686868' , 'font-size':'11px', 'font-weight':'bold'}); }); $('.add-news').focus(function(){ if ( $(this).val() == $(this).attr('defa...
Hello! Is there a CSS selector for disabled input type="submit" or "button"? Should I just use input[type="submit"][disabled]? Does that work in IE6? Thank you. ...
I am planing to start writing tutorials on html, css and javascript. This year has been full of extremely interesting experience in this areas, so I wish to start on. Therefore, I wish to know the best places to submit my tutorials before publishing them elsewhere. I found just one very nice place: http://net.tutsplus.com/about/write-a-...
I am trying to position a div (footer) element at the bottom of a printed page. In firefox this is working fine and the div will sit along the bottom of the printed page. However, in Safari the footer moves up the printed page if the browser window is not very tall. eg. if the browser window is 200px tall then the footer sits on the pri...
How To Include CSS and jQuery in my wordpress plugin ? ...
I have a header and a content div inside a container div. I want the header's height to be fixed and the content div to occupy the rest of the container div. The easy solution is to set the height of the content div as (container-header) pixels. Is there an alternate way of doing it ? div.container { height: 300px; width: 100%;} div.con...
Hi there! First question on SOF, please be gentle if this may be a stupid question. :) Havent found a solution, neither here nor on the web. I got some trouble with CSS. I pasted my code at the end of this post but first Ill explain what Im trying to accomplish: I want to build a centered fixed-width content area with endless vertical...
I'm using the following code to send push notifications to the user... document.triggerNotification = function (type, message) { jQuery(document.body).append("<div class='push-notification hide push-"+type+"' id='notification'>"+message+"</div>"); jQuery('#notification').show().fadeOut(1200, function () { jQuery('#notifi...
Ok so i have a variable $phone which contains the string (407)888-9999 and I have this code if($phone != ''){ $phone = "<span id='telephone'>{$phone}</span>";} return $phone; This works fine but now the client wants to have a some padding in between the area code and the next three numbers. So i need the code to be like this <span ...
Hi, I have scoured the internet looking for a solution to this and I am sure it is right under my nose. Will someone please help? I have a parent div with two children. Each child has static widths and I need each one to change their height to match the other according to the content. In other words, If "child-div-a" is taller than "c...
I currently have an image repeating on y, but I want it to start 20 px down from where the div starts.... how do I do that? ...
Hi, I am looking for an accordion menu code sample to load it from the xml file rather than hardcoding the file names in the mark-up. Can you please share the link if you are aware of any such menu controls? (something like the one at this link http://www.i-marco.nl/weblog/jquery-accordion-menu/. it will be nice if I can pin it to the le...
I've seen some of these...: @media print { ... } @media screen, handheld, print, projection { ... } @media all { ... } @media all and (property:value) { ... } @media screen and (property:value) { ... } @media only screen and (property:value) { ... } @media screen and (property:value) and (property:value) { ... } @media screen and (prope...