css

weird cell size shift in css nav bar.

Hello All - Here's the situation. I have written a css vertical navigation bar and the size of cells shrink once the enclosed links have been visted! Please Help! Here's my code: <style type="text/css"> a.vertical:link { display:block; font-size:14px; padding: 1px 1px; text-decoration:none; color:#151B54; background...

nested selector of CSS doesnt work in IE8 but works in IE6 ?

Hi The below code works fine in IE6 but not in IE8 may i know what is causing the problem ? <html> <head> <style type="text/css"> .dataSection { font-weight:bold; color:#fff;font-family:Verdana, Arial, Helvetica; text-align:left; background-color:#004E82; padding:2px 4px 2px 2px; } .dataSection.header { ...

CSS: IE8 vs World (Firefox, Chrome, Safari)

I have a theme using Adaptavist Theme Builder for Confluence, and I've encountered an issue where the theme is prefect in Firefox, Chrome or Safari but IE8 doesn't want to constrain the width of the table: Example: http://wiki.bccampus.ca/pasbc Turning on Compatibility mode doesn't help... It's a three column layout, and the width of ...

How to display category link layout question?

I was wondering how would I be able to display my categories in steps 2 - 4 when I click a link so that all the parent and sub categories are displayed like in steps 2 - 4? All my parent and sub categoris should take me to another page. I genereate all my links using PHP. I use PHP, CSS, xHTML and JQuery. Step 1 Arts & Humanities A...

Vertically aligning <div> with one <form type="text"> and 2 <span>s

Hello, I'm looking to align one of my <div> containers which has a nested <form ype="text"> and 2 <span> tags but I can't seem to apply a margin-top: 6px; to the container <div>. Would padding-top: 6px; be the answer? ...

CSS Question: How to prevent background from being affected by padding?

Hi, I have a simple div with a background color for it defined in CSS. There is some text that I wish to display over this div in a certain position, however when I pad the div it causes the background to shift as well: #body { margin-left: 10px; background: red; } I just want the text to shift. How can I do this without using ...

Setting tooltips for disabled input text boxes in javascript and CSS

I am trying to display a tooltip when you hover over a textbox which has been disabled to indicate why the textbox has been disabled. Setting the title attribute works on IE but doesn't seem to work in Mozilla Firefox. Does anyone know of a simple solution in Javascript and CSS without using JQuery or any other Javascript library. ...

Javascript seems to be altering form field style

Hello, The form with the class="checkMax3" below displays text a few pixels lower than it should. In Chrome, letters like lower-case "p" and "q" extend below the bottom of the field. In IE 8, the bottom portion of these same letters does not display. If I recall correctly, this problem started after I applied the Javascript below to ...

CSS: Float, but dont have anything under..

I have around 3 floating divs, 2 left and 1 right, then i have some other text content under the 3 float´ divs now the text gets under the 3 floating elements, how do i do so it dont get under it, but should still float? ...

css: why aren't these tables the same width?

I thought that using 100% on all rows would render them the same size, but I'm evidently wrong. a)How can I fix this so all tables are the same width as the widest one? b)How can I set a fixed width for all rows? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html>...

Need to setup a comprehensive e-commerce page for the first time--Magento?

Hey guys, I'm a designer (starting to learn PHP/MySQL) and am need in an eCommerce platform (it does not have to be free) that will allow me to create a comprehensive eCommerce site--countdown promotions, related products, user reviews, payment/shipping processing, etc. Basically just populating it with products, and styling the pages. ...

Why won't this text float around the image in the middle?

I'm working on this site http://church.allthingswebdesign.com/about.php and why won't the p tags float around the image? ...

CSS Transform Rotate letter alignment

Im using CSS Transforms to rotate an h2 5deg. For some reason the letters are out of alignment. Take a look at an example here http://dev.bestprintideas.com/bpi/image.png Heres the CSS .note-offer h2 { color: #626262; text-shadow: none; text-transform: none; margin: 15px 0 10px 25px; -moz-transform: rotate(-5d...

How to trigger link hover state when hovering over its parent LI. jQuery

I'm trying to trigger a hover state on a text link when hovering over its parent li. Is this possible in CSS and secondly, am I missing something with .children that would solve this issue. Here's the HTML: <li class="video-1"> <a href="#"><img src="images/csi-1.gif" alt="csi-1" width="140" height="...

How does Google create its form buttons?

I really like how Gmail has created the form input and accompanying "Search Mail" button. See linked for screenshot. However, I'm having a difficult time deciphering Gmails compressed HTML/CSS code to figure out how they created this look. Can someone assist me in figuring out what HTML and CSS I need to use to recreate the combinatio...

jQuery: loading css on demand + callback if done

hi, i want to load css files on demand (by eg. running a xmlhttp request which returns the css files to be loaded) for example: style1.css, style2.css .. so - is there a way in jQuery (or a plugin) to this: bulk-loading several files + adding all those css-files into the dom when finished loading: firing a callback (like alerting "al...

overriding pseudo styles in jquery

How can I overwrite the below css with jquery? (the animations aren't being run and it's just an instantaneous switch) menu span ul {display: none;} menu span:hover ul {display: block;} $('#menu span').mouseenter(function(){ $('#menu span ul').slideDown('fast'); }).mouseleave(function(){ $('#menu span ul').slideUp('fast'); });...

How do I get an element to cover a Flash video (tried wmode=transparent)?

I have a Youtube video on my homepage, and now I need a modal to display on certain events. For some reason, even when adding <param name="wmode" value="transparent"> to the Flash object, it still covers the HTML elements (with higher z-index too). I've got it on JSfiddle. I figured maybe an iframe could solve this, but that would req...

Let span fill remaining width?

Hi, I have the following li item: <li> <span style='float:left; background-color:red'>a</span> <span style='float:left; background-color:green'>b</span> </li> I'd like the span on the right to fill whatever width is remaining in its parent li. Is there a way to do that? Thanks ...

Aligining Authorize.Net element to the center.

Hello, I have this Authorize.net element on my page, which is basically authorizing my site for payment, which basically authenticates my site as an authorize.net merchant, but I can't find out how to center it, as I think it looks better this way in my right column, rather than aligned to the left. Here is the page: http://www.mariopla...