css

CSS Border problem on colspan TD

Hey guys I have a CSS problem regarding borders, the problem is adding borders around a td that has a colspan. The table has properties: <table cellspacing=0 cellpadding=0 border=0> The CSS style: .tdclass{ background-color:#FDBCC1; } .tdclass td{ border-top: 3px solid white; } The way it works is like this: <tr class = ...

Error CSS in master layout - Zend Framework

Using the Zend Framework, I have a menu and want to put it throughout the application so that I put it in the master layout. I want to decorate the menu so I add a CSS as follow: echo $this->headScript() ->appendFile($this->baseUrl().'/css/layout.css'); In CSS it just have the following: root { display: blo...

CSS background-color on table td displaying incorrectly in Internet Explorer 6

I have some pretty simple HTML and CSS that doesn't work in Internet Explorer 6. <!DOCTYPE HTML> <html> <head> <style> table td.one.read {background-color:#FFD700;} table td.two.read {background-color:#0000ff;} table td.three.read {background-color:#ff8c00;} </style> </...

@font-face and font-variant bad idea?

if i use @font-face font and font-variant: small-caps for the same selector the font will fallback to the next system default font in safari. how do i get around that? ...

I can't get the panels within my panel to center

They all appear left aligned. I've tried setting the body tag to text-align:center, making divs around and in the main panel, but I can't get it to work. Any ideas? Here is my CSS code: .MainPanel { background-color:#ccccff; margin-bottom:10px; margin-top:10px; } .MainPanel div { margin-bottom:10px; margin-top:10p...

Recoloring image ads to match website theme

What would be the best method of going about doing this? I want to essentially apply a photoshop-esque color overlay of image ads on a website. Preferably through CSS, but javascript would work too. My first idea was placing a div with the color I intend with the same width and height as the ad div, and applying an opacity setting to ...

Align DIV's to bottom or baseline

its been a while since ive had to do major css work, so im stuck im trying to align a child div tag to the bottom or baseline of the parent div tag. HTML <div id="parentDiv"> <div class="childDiv"></div> </div> CSS #parentDiv { width:300px; height:300px; background-color:#ccc; background-repeat:repeat } #parentDiv .childDiv...

Jquery/CSS - Stack images by "rel"

Hey guys, I am trying to reformat and style some data (basic HTML) that is being output by a specific piece of software. Each of the items (of data) has an image attached to it. Certain images are part of a series and are directly related to eachother. What I would like to do is, using Jquery/CSS, have the images that are part of a s...

How do I set span background-color so it colors the background throughout the line like in div (display: block; not an option).

I need to style some text within a pre-element. For that, I use an inline span-element like this: <pre> some text <span style="background-color:#ddd;">and some text with a different background</span> and some more text </pre> Then the html is rendered, the span-elements background is only changed underneath the text. Is it somehow p...

Replace text between @import and \n with preg_replace (PHP)?

I use PHP. I'm working on a way to automatically put together all my CSS files into one. I automatically load the CSS-files and then saves them to a larger one, for upload. In my local installation I have some @import lines that needs to be removed. It looks like this: @import url('css/reset.css'); @import url('css/grid.css'); @impor...

Styling <select> options via CSS and IE 7

I want to style the actual items in a list box based on certain user input (adding new items, editing existing items, and then making them active/inactive). One thing I wanted to do was use bolding (for active) and italics (for edited items), by simply adding a css class to the list item in question (or taking it away as appropriate). ...

css problem the text appear without spaces

i have a big problems in showing my codes its appear as one text "not have spaces" example $paypal = new phpPayPal(); it will appear live example the css file 1 the css file 1 any my question is how to make with spaces all this is in SyntaxHighlighter ...

document.createElement text field length

I'm using the following code to add rows with text fields dynamically at the touch of a button. The issue I have is that the text fields that are being created in these rows are not the size I want. Is there a way to specify the length of a text field in this situation? function addNewRow() { var iX = document.getElementById("txtI...

Asp.Net repeater format item based on previous record

I have a thorny little problem where I am outputting an audit trail and need to highlight the changes to each record. I am currently using a Linq-to-Sql data source to pull the audit data back and then displaying it in a table using a repeater which works fine. The problem is I need to change the background colour of a cell if its valu...

Parent <ul> overriding its childs styling

This is my markup: <div id="nav"> <ul> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li> <a href="#">Articles</a> <ul class="inside-ul"> <li><a href="#">Article 1</a></li> <li><a href="#">Article 2</a></li> <li><a href=...

How to get Apache to serve new css file in Rails development

I finally moved to using a Linux based development server for Rails, via VirtualBox. I'm using a pre-built image that includes Apache and Passenger. Everything is great, except Apache still tries to serve an older version of css files in development mode. Even restarting the server doesn't work. I've tried clearing the browser cache ...

How do I show divs in an IE print preview page that are programmatically hidden via javascript?

I have some divs on a page that are hidden via jquery when the page loads up. Then the user can hide and show them via button clicks. I have a button that opens up a print preview and media="print" stylesheet that the print preview uses. I want all the divs to show regardless of whether they are hidden or not when the print preview ...

IE6 and 7 bug causing a big headache

Hey guys, I've spent hours looking at this, and am hoping a fresh pair, or even a more experience pair of eyes on this may help get it solved. Whilst IE6 support isn't especially needed, IE7 is, and that's causing problems for my image scroller. Can anyone possibly take a look and see what's causing the massive spacing above and below t...

Creating a jQuery Image Slider

Hi, Im trying to create a jQuery Slider like this http://bit.ly/5YFTs8 I cant find any tutorials or plugins anywhere that make em like this one. Cheers ...

Styling a hr for internet explorer

Hey, in my quest to create as image light a site as possible, I'm looking to create two tone hr's. I've achieved this in modern browsers, but want to achieve the same effect in ie6 and 7. The current code I am using is hr { border-bottom:1px solid #FFFFFF; border-top:1px solid #dcdcdc; clear:both; height:0; bo...