css

How to make div expand all the way to the right.

The demo page: CLICK HERE I have made a picture to show: As clearly seen in the picture, there is a gap from the div left_bg and the div middle_bg. The left_bg has no content, and its width should be fluid and fit inside it's div container top-container. Just to help demonstrate the gap I have it set left_bg to width:500px. However, ...

How to position a background image off center?

I have a background image set to center and needs to be fixed position. However I would like to just nudge it 100px off centre, any ideas? CSS background: url(styles/images/bg.png) no-repeat center 0; background-attachment: fixed; This is the working sample http://www.warface.co.uk/clients/detail-shoppe/ Many thanks ...

IE browser back button problem

I have a page with a search form, and when submitted, the form action is set to an iframe on the same page. The iframe displays the search-results. THEN, when clicking on a result, a new page opens displaying it. However, when hitting back from the displayed page, the iframe is closed, and it is as if no search was made at all. Is this...

:before and :after multiple border/background trick on images?

Hello, I've been using the :before or :after CSS trick (explained in this article: http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-multiple-borders-with-simple-css/) to achieve multiple borders and backgrounds. It works great on div elements but I noticed it doesn't work on images at all. Here's my code: .author img { ...

get safari to not show broken image symbol

is there a way to get safari not to show the "broken image" symbol, when an image was not found? firefox does this by default. i'd preferrably do this with css, but i think javascript will be the way to go... i am using jquery already, eg something like this would be great: $(document).ready(function(){ $('img').broken().hide(); })...

How to make video thumbnails like Facebook [CSS]

Hello, I am looking to make video thumbnails like on facebook but I am not able to get that play button over the thumbnail like on facebook. CODE HTML <a href="watch-video.php?c=1244"> <img src="http://img.youtube.com/vi/X0OdLlX-cIw/1.jpg"&gt; <b></b> </a> CSS .wall_video a {display: block; width: 128px; height: 96px; pa...

Blank Ul not containing li shows padding and margin in IE

I have dynamically generated dropdown menu. On mouse hover It shows blank space if one tab do not have dropdown options. ...

How to transition between two SVG images?

Hi, I have a div with a background image set to an SVG image. I need to transition between two SVG images, how would I accomplish this? I am referring to CSS 3 transitions, but other solutions are also welcome. ...

CSS / JavaScript - content outside a element with overflow:hidden

Hi I have a container div element that has overflow:hidden on it. Unfortunately this property is required on it because of the way the site is made. Inside this div it's all the site content, including some tooltips. These tooltips are displayed with jQuery when you mouse over a link or something. The problem is that some of these too...

Ajax Request and CSS-Change to Links

I use an AJAX-Request to load a part of a Webpage, the request is handled by a framework, which delivers the content. After that, I use jquery to insert the delivered content into the DOM-Tree. So far, so good. But I use background-images for links in the delivered content, which are generated while processing the AJAX-Request. Normally...

How to format my form with CSS?

Here is the HTML for my left column: <div id="leftcolumn"> <ul id="mainnavigation"> <li><a href="#">Inicio</a></li> <li><a href="#">Evaluaciones</a></li> <li><a href="#">Docentes</a></li> <li><a href="#">Soporte</a></li> </ul> <div id="loginarea"> Username...

Load random CSS on page refresh

I was wondering whats the best way to call a random css file on page refresh with Javascript? Many thanks ...

CSS - Text overlaping in IE. Ok in FF, but IE just doesn't like it.

So here is a simple page I've stripped down to the bare minimum. Looks great in FF, but I can't get it to display the same way in IE. I have tried every configuration possible (I think). Maybe someone could tell me what I'm doing wrong. Could it be the layout? Thx. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w...

CSS3 Javascript Library

Hi! Does a Javascript library exist that enables the usage of CSS3 properties such as rounded corners in unsupporting browsers? Thanks, DLiKS ...

How to set a background to a div of variable height?

Just finishing up my college project and I want to place a background image as the div background. The div is on the right hand side, the 'main content' area. Where can I find a notebook type background image to simulate that the forms are in a textbook? Also, how can I account for variable height of the forms? Just stretch the image?...

DIV background does not span 100% for entire body

I'm posting this because I am going crazy. I have a page where the content is centered in the page and must span from top to bottom no matter the content, with two columns. So I have a content div with a left child div and a right child div. The code is the following: <html> <head> <style type="text/css"> html, body { mar...

Getting a reference to the parent IFRAME

Say I have a reference to a document object, which is contained inside an IFRAME. How do I get a reference to the container IFRAME? .parentNode and .ownerDocument both return null. Please note that no context information is available (e.g. solutions like 'window.xxx' will not work) - all that's available is a reference to the document ...

How to make a block (or a region) float in Drupal?

I saw that there's a module called Floating block that should do what I'm searching for: but it duplicates the floating block, making it totally unusable. Can you please tell me some other ways to accomplish that? ...

Change in the sidebar

Hello! Wondering what the piece of code I can use to change the look of my sidebar for example how "categories" "tag clouds" and so put themselves in boxes? Right now many of them flush with the box (right), has been the center but it was not pretty. Does not own any idea what it might be to change, it is in the style sheet or in the si...

CSS Menu Problem

I have this CSS Menu. It's fully functional. But when I put it in my page inside some table cell, it blows up like this. Don't mind the silver and the blue lines, they are from the page. Now I have debugged the page and the menu itself. No error still this weird behavior. Then I got another menu and put that in here and it showed t...