css

Simple jQuery css background "chooser" problem

Hi, I wrote this very simple backgroung chooser. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="http://aj...

Simple Nesting Question

I have a a class: .header { background-color: #233574} I want to to style h1, h2, h3, h4, h5, h6 within my class only. I thought that this was writteng like so: .header{} .header h1 h2 h3 h4 h5 h6 { color: #FFFFFF} //Style these elements within the .header class <div class="header"> <h1>Header</h1> </div> What am I doing wrong? Th...

CSS gray text opacity and Firefox problem - color issue

I'm using following jQuery function to change the opacity of text (it's color: #999999) $('.small_buttons').css('opacity', 0.3); The effect looks good in Chrome or even Internet Explorer 8, but in current version of Firefox (3.6.10) this text gets really strange greenish colour, instead of nice pale gray. Screenshots: Chrome: http:...

Elements to 'look like' a bullet point list inside an anchor link

Hi All, I am creating an element on my page like so: <a href=""> <span class="benefits"> Free entry<br /> 20% off in store<br /> First to know about latest courses </span> </a> The client wants the whole area clickable, and the list of benefits to display with bullet points. As far as i am aware lists cannot be placed inside anchor ...

Fitting a <fieldset> to the size of its content with CSS?

Here's a fiddle. I need to make the <fieldset> the width of its contents, rather than its parent. Is there a good way to do this? ...

How to overlay div / box on mouseover?

I have a link and when user hover mouse over it, it should display a box (div) under the link. The box should overlay whatever is under it. How can I do it using css or javascript? ...

Google Chrome > Textboxes > Yellow border when active..?

Hey, Ive been modifying a form today, and testing it in Chrome. I noticed that on selecting a textbox, with border: 0 or none, it still puts a yellow border around it. Does anyone know of a way to get rid of this border? I usually wouldnt be that bothered but it looks really horrible with the colour scheme I am using. Thanks in advance...

searchbox with jquery ui

I am trying to get my searchbox to look like that of facebook, where the button looks like it's inside the textbox. Please see the facebook home page. I am using jquery ui and the graphics with it, for the button, problem is I think it adds borders to the button is creates, hence there is this separation between the text input and the bu...

Fancy Box Overlay not working in IE8

Hi All, I am having an issue with FancyBox and IE8. For some reason IE8 does not recognize the background transparency on fancybox's overlay. It works in IE7 and older and Chrome, Safari, and Firefox. You can see the problem at: http://seabagsc.nexcess.net/tote-bags/kevlar-tote.html Any help would be much appreciated. Thanks! Chuck ...

How do people generate rich CSS based design layouts?

I just came across hoptoadapp.com and I was a bit shocked, that there is very little images on the site. Most of the banner, buttons are made purely of CSS styling. For example the up-right banner "See plans and pricing" is basically fully based on CSS, with all shades, gradients, etc made by CSS, also its different style-sheet for eve...

Why this css z-index is not working in my XUL app?

I have this Xul file: <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <?xml-stylesheet href="chrome://greenfox/content/mycss.css" type="text/css"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"&gt; <image class="Front" src="images/loading.gif"/>...

CSS, only affect the top lis of a ul?

I have a nested UL navigation list, with ul's contained inside some other li elements. here's the mark up: <ul class="navigation"> <li><a href="#">No Chidren</a></li> <li><a href="#">With Chilren</a> <ul> <li><a href="#">Child 1</a></li> <li><a href="#">Child 2</a></li> </ul> </li> </ul> I tried styli...

IE7 rendering CSS incorrectly

I'm working on a Wordpress site that is not showing quite right in IE7. All other browsers, including IE8 are OK. First bug is in the top menu. IE7 is showing it to be a bit taller than it should be, and the hover images and search box are not aligned properly. 2nd is at the end of the post where additional page numbers are shown. ...

Navigation Rollovers with CSS and apply jQuery

I would like to know how would i create rollovers for my navigation bar, and also apply some JQuery to set the opacity 0 to 100 once the navigation has been hovered if that is possible. My navigation when hovered. The glow in the letters. HTML: (ignore the empty divs) <nav> <ul> <div class="ref1"><!-- empty div for reflect...

ASP.NET Custom Control - What is the best way to include embedded CSS reference only once?

The problem: I am embedding a CSS file into a custom control library with several controls. I want to share the same CSS file for all of the controls regardless of how many instances of them are on a given form. When more than one control is on the form, I would like exactly 1 reference to the CSS file in the HTML header of the ASP.NET p...

CSS line spacing problem.

why is the word BESTSELLER skipping a line... there is nothing in the code telling it to do so? (forgive me -- here is the link http://u.neighborrow.com/) <div class="input text required"> <label for="ItemItem"></label><input type="text" id="ItemItem" value="" maxlength="255" style="font-size: 25px; width: 200px; m...

Break line after input without html markup

Hi, I am trying to display a number of inputs and their corresponding labels. They are both inline elements, and I have a working solution with adding a br tag at the end like so <label for="hello"></label> <input id="hello" type="text" /> <br> <label for="stackoverflow"></label> <input id="stackoverflow" /> Id like to solve this with...

What's causing the background in a container to be cut off when window is resized smaller?

My website has the typical container that is centered in the middle (very similar to Digg's V4 website actually @ http://digg.com). The problem I'm having is that when resizing the window smaller than the container's width, anything with a background in the container appears to be cut off according to the window's width. Digg's website...

How to embed a php/javascript photogallery in a page of an html/css website?

I have downloaded a freeware photo gallery called Minishowcase (freeware http://minishowcase.net/?main) to use in my website. The gallery works fine as its own site, but I can't figure out how to embed it in a page of my own site, which is largely css. I think I just need a line or two of code to incorporate the gallery, but I'm new to p...

How do i render html/css same in firefox and IE

i am making a menu for my school assignment and it needs to work in both IE and firefox. I am done the menu and it works perfectly in firefox, but i am having trouble getting it to display properly in IE A part can be found over here: http://tutudragon3.info/ie-trying.php When i click the home image in firefox, a dropdown sort of thing...