For some reason, right before my animation of the webkit-transform property occurs, there is a slight flicker. Here is what I am doing: CSS: #element { -webkit-transition: -webkit-transform 500ms; } JavaScript: $("#element").css("-webkit-transform", "translateX(" + value + "px)"); Right before the transition takes place, ther...
I have an embedded youtube video in a page. I also have a menu (when opened) is on top of that video. I have set the z-index value of the menu to higher than that of the video. I have also set the wmode of the video to transparent to allow for content on top of it. I am experiencing no issues at all in safari, ie, chrome, or firefox on...
I want to use Dojo to be able to style the upload input, since the browser will not allow CSS to style it. Currently I can only get the FileUploader to work as AJAX, and this is not desired because it needs to be passed with other form data. Is it possible to do this with Dojo? Or should I just write my own transparent file input and s...
I am using an inline-block list as a horizontal navigation bar with drop down menus. But I can't seem to get it to fill up the entire width of the screen. To make it more frustraiting, when I change the zoom level of the browser screen, the list resizes at a different rate from everything else. Thus, on some zooms it is too long and wrap...
I wonder what fits better into the CSS philosophy: CSS classes mark entities - OR - CSS classes mark aspects For example let's take the cell for a product price sheet and a footer cell which contains the sum of all prices. In the first case each of the cells would only have one class: product-price resp. product-price-sum (or price...
I know it's possible with jquery to make something that looks like a select box so I can make it look however I want. However, with just css, how much control do I have? I use border, padding, and width, and the end result looks great. The only thing that bothers me is the part that drops down. Is there any control over this? (It looks...
I would like to allow administrative users to simply theme their own website (a re-deployable charity website built in php in the back end). I certainly don't know what the ideal approach would be, but my naive concept of how to do it is like this: Create a theme.css file that is dynamically generated, and overloads the colors and bac...
I need to get the id attribute of a class and apply a style based on that id. So for instance, 3 list items each with the class "typo", one id is "application", another id is "application_osx", and the final id is "application_osx_terminal" The class "typo" is handled by CSS, but I would need to assign a background image based on the I...
I am working on this site, and I have a pretty large .css document. For some reason I cant get these list items to have a padding or margin of anything other than 0px. I have no idea where it might be inheriting this from, and why me writing { margin: 5px; padding: 5px; } does nothing! Here is the site, im referring to the element...
Hi, Is it possible to select, say, every fourth element in a set of elements? Ex: I have 16 <div> elements... I could write something like. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) is there a better way to do this? ...
Currently, I have the following class: #btnHelp { background: url(images/btnHelp.png) center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#9adc6d), to(#6eba3a)); } I'd like to separate out the background image part from the gradient part into 2 separate classes, like this: #btnHelp { background-image: url(images/...
I've created a form that enters comments onto my blog posts but when the comments are displayed on the webpage the background color that I added to the div is either to big or to small. I've provided the code below. Any help is appreciated! <h2 id="comments-title">Comments</h2> <div id="comment-list"> <?php } $commenttimestamp...
I have a list of 8 divs and need to add a sequence of class numbers to them using Jquery to style them individually. Need to add them to the 'content-block' div see example below. The desired effect will be something like this: <div class="wrapper"> <div id="content-block" *class="post1"*> </div></div> <div class="wrapper"> <div id="c...
Hi, i want to start the design of a website. I know i will need to: think of a general layout design banner/footer choose colors and font make sure everything is well positionned test the site with other browsers ... the problem is i don't know what is the good order to proceed in a efficient way. Should i design things from the gene...
I am animating sprites in a HTML/JavaScript game by showing/hiding/repositioning many divs, each with a CSS background image. I'd like to load some of the images only when they are first needed, rather than loading them all when the page is first loaded. Will setting them all to "display:none" initially and then showing/hiding them wit...
Good Day, I am working on a web site where there are two box items on the main content of the page and it looks something like this: ----------------- ---------------- | | | | | | | | | | | | | | | | ----------------- -----...
Hi everyone, I'm designing a custom wordpress template for some friends, and want a horizontally justified top menu. All would be fine, except that wp_page_menu outputs the list elements all in one line, which (after a LOT! of head-scratching) appears to break the formatting and removes all space between the elements. For example, the...
I have an HTML table with 3 columns and amount of text in each column is variable. I would like to set some rules on the layout of the table but Im not sure how to do that in CSS. Title | Author | Publisher The default ratio is 50%, 25%, 25% for each column. The goal is to keep everything on a single line if possible. The author and...
I have input text's and label tags. I can't figure out the CSS to get the label text to align right below the input text. Here's a snippet of the HTML: <form id="sg1"> <label for="member1">member 1</label> <input name="member1" id="member1" value="jack" /> <label for="member2">member 2</label> <input name="member2" id=...
Hi. I’m trying to get an image (dynamically placed, with no restrictions on dimensions) to be as wide as its parent div, but only as long as that width isn’t wider than its own width at 100%. I’ve tried this, to no avail: img { width: 100%; height: auto; max-width: 100%; } Many of these images are way wider than their pare...