It seems to me that Firefox doesn't correctly handle an instruction in a CSS file. I might be wrong, the I'd like to correct me on this. Here's the relevant portion of my CSS: @media print { div.entry a:link { text-decoration:none; color:#999; } } When I print my page, the links are printed in black, regardless of the val...
I feel like GMail is an excellent example of best practices in action, but I'm looking for a more theoretical code-based approach. CSS? JavaScript? jQuery? Let's hear it. ...
I want to place a small circular login image on the border of div such that half image will be outside the border line just for style purpose?I think I have to set z-index but how OR is there any better way? ...
What does the + in this CSS rule mean? h2 + p { font-size: 1.4em; font-weight: bold; color: #777; } ...
<style> div#float { text-align: center; float: left; width: 150px; height: 150px; border: 1px solid blue; background: gold; } div.content { background: yellow; border: 1px solid purple; height: 150px; } </style> <div id='float'> Float text. </div> ...
Hi, I'm trying to send some emails with some images. If I display the images on a webpage they are 100x wide and 100px tall, but if the image is taller than 100px it will get the excess pixels hidden. If I try to send it in an email, I can't get it to clip the excess height of the image. Here's what I'm sending in the email: <img sr...
Hello ! I'm currently using this clickable map (Wolf's map) but I would like to use a second li list of countries in addition of the one that serves as a foundation for the script. The second menu cannot be in the same DIV as the map for presentation reasons. I've been searching through the JQuery documentation to understand how I can t...
Hi guys, Im trying to replicate a design into HTML / CSS. The problem is that the text within the site changes between two different colours, multiple font sizes and different font weights. Also the text can be stand alone or multiple types on one line. I am including a sample below.. These font styles are used all over the site. S...
Hello. So i have a slideshow, here's the css to start with: #slideshow { position:relative; height:300px; width: 477px; border: 1px solid #FFF; float: left; margin-bottom: 30px; margin-left: 20px; } #slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #slideshow ...
Hey, I'm having an IE7 issue with a website i'm working on - www.mini-meals.co.uk Basically, the background image is not showing on behind the form on the 'Free Trial' panel, and is disappearing when I scroll down on the others. I've tried adding position:relative; on a bunch of elements but it doesn't seem to make a difference. Any ...
Hello. I have this registration form box, and i really like how the background gets opacity, transparent with 25% (85), but then i notice that the text and the form elements also gets darkened alittle and such, so i wonder how to do this only with the border and background and not with the stuff inside the box? #regForm { z-index:11; po...
Is there any tehnical term for the full-image centered technique? Example: topgear.com, http://safe.tumblr.com/theme/preview/979, and many others which I don't recall. ...
Using a jQuery effect, I have a layer that has a collection of HTML within it (which displays just fine). When a button is clicked, this slides out ($n).show('blind', { direction: left }, 1000); This effect works fine. It doesn't give me any trouble. But sometimes within the layer, I have other content that has to be aligned pr...
Hi all, I'm sure some of you have seen the following: <link rel="stylesheet" src="styles.css" media="screen,projection" /> <link rel="stylesheet" src="styles.css" media="print" /> Or whatever else... But what does the media attribute actually do? I've created several websites and I have never used the media attributes when linking s...
The basic problem I have is how to keep something on the screen on Safari at all times, while still allowing the user to zoom/pan etc. The full version is that I am writing a bookmarklet, so it needs to work with as many websites as possible. The overall goal is to have my div show up, anchored to one of the screen edges at all times. T...
This is the site I'm working on and the CSS is in the same directory called saucy.css (sorry I can only post one hyperlink). First of all, apologies for my awfully invalid HTML and CSS. I promise I'm going to fix it all once the site is up and running! However if this is causing the problems of course I will do it now. My current probl...
I'm trying to create a layout that is backward from what I usually do. I have hundreds of randomly sized divs that I want to fill in as much of the page as possible. As a quick hack, it might look something like this: |--------||-------------------||----||-----------| | || 2 || 3 || 4 | | 1 ||-------...
-moz-available equivalent in Webkit? ...
Hi, I am using the following test. In firefox/chrome/safari on my mac, panel1 renders above panel2. But on firefox/chrome on my windows machine, it renders underneath. I want panel1 to be placed directly over panel2. What's the right way to do it?: <html> <head> </head> <body> <!-- Appears on top of panel2 in...
What is the best way to hide inline Javascript and CSS from downlevel browsers? ... I see a few variations on a common theme. Are they all correct, or is one approach better than the other? <script language="javascript" type="text/javascript"> <!-- // Forces the treeview to adjust to the new size of its container function resi...