css

jQuery UI Button loses CSS Styling when called using $.get() and .html()

Hi All, I have a html page using a jQuery UI Button with some jQuery script like this: <script type="text/javascript"> $('button).button(); // sets up the jQuery UI button style $('#btnClose').live('click',function () { $.get('content.html', function (data) { $('#EditCategory').html(data); }); }); </script> <html> <but...

css margin differences between servers

I have a development server and a production server to host my website. I am seeing differences in how the html is rendered on these servers but only in Internet Explorer. I am rendering a list of tags. Here is the markup. <div class="tag"> <ul> <li><a href="#">tag1</a></li> <li><a href="#">tag2</a></li> <li...

Custom icon in TabPanel fails

Hi all, I'm trying to add a custom icon to a TabPanel but when I do that it just shows a dark box with rounded corners. My css looks like this: http://pastebin.org/447682 The code in the url is base64 for some random rss icon I found on the web. I also tried to add a relative url to an image but without any success. If I change my co...

How do I modify the jQuery cycle plugin for a two image slideshow instead of one?

Imagine a slideshow looks similar to this: http://malsup.com/jquery/cycle/div.html except it has only two images instead of three. Also imagine that it has two triggers, like the demo in the middle of this page: http://jquery.malsup.com/cycle/lite/ That's what I want to build. However, when you press 'next' and 'prev', I would like ea...

Fixing odd spacing between divs on my site.

Hey, I appear to have a CSS problem, regarding the spacing of my <div>s on my site. If you point your browser to www.marioplanet.com you will see an odd space after my Apple-themed navigation bar. I was wondering if anyone can help me identify why this spacing was added, and how I can eliminate it, as it's undesired. Also, I believe i...

CSS selector to apply rules to an element if before another element

I'm looking for a way to apply some CSS to elements differently, depending on what follows it. For example, with this HTML: <ul> <li> <span class="title">Some Title</span> <span class="subtitle">With Some Subtitle</span> </li> <li> <span class="title">Only a Title</span> </li> </ul> I want to apply different rules...

Center divs which are floated left?

Hi, I want to center divs, something like: <div style='width:100%;'> <div style='float:left; width=40px; height=40px;'></div> <div style='float:left; width=40px; height=40px;'></div> <div style='float:left; width=40px; height=40px;'></div> ... </div> While I want the child divs to be floated so they appear on the sa...

Making vertical spacing fixed in IE as it is in Chrome

Hello, For the code below, the variables $count++ , $dt1->format('F j, Y') , and $dt1->format('g:i a') display vertically in a column, about five pixels apart. When $row["comment"] is long enough to take up more than 100 pixels in height, the behavior of $count++ , $dt1->format('F j, Y') , and $dt1->format('g:i a') diverges between C...

Firefox on Windows not loading @FontFace resource

So I have a bit of a problem. On this page http://www.tylermorriswoodworking.com/pages/recipe-box-engraving-wizard?b=maple&amp;l=cherry&amp;s=3x5&amp;c=42042892 I have a few @FontFace tags to load the custom fonts. On all the browsers it works just fine, except for Firefox for windows. Firefox for mac loads the fonts perfectly. What I am...

Preventing line wrapping in CSS layouts

My CSS designer has made a design where there are two ul siblings laid out left to right. The layout is done by specifying the width of the ul tags. He is using Firefox on Windows where everything looks fine. I am using Firefox on OS X where the contents of one of the li tags has too much text so it flows to another line. The design ...

asp.net datagrid borders appear different (bad) in other browsers

Hey, I realize that pages are just going to look different in varying browsers, but mine is looking awesome in Chrome, ok in mozilla, and pretty bad in IE 7. Sadly, most people using my page will use IE. My issue is with the borders. I have a redish border around the rows of the grid. In chrome they all appear as they should. In Firefo...

Is there a way to get a background-image to render over moz-linear-gradients

In css you may normally set both a background-image, and a background-color, and the image will be rendered on top of the color. #someDiv { background-image: url(arrow.png); background-color: blue; } This will cause #someDiv to have a blue background with the arrow.png image above. However, what if I want to use firefox's -mo...

Fit a textbox and a button inside a div

How can I put <input type="text"/> and <input type="button"/> in one line, like this... ...so that they fit inside their parent (<div> for example), textbox taking maximal possible width? Of course, additional divs can be used. tables are also allowed :D ...

How do CSS specificity levels between classes/pseudo-classes and elements/pseudo-elements work?

I'm using the following definitions (adapted from the CSS2 spec http://www.w3.org/TR/CSS21/cascade.html#specificity ) a = using the style attribute on an element b = number of id attributes c = number of attributes (classes) and pseudo classes (:link, :hover) d = number of elements and pseudo-elements (:first-line, :first-letter) ...

CSS block elements creating gaps between div elements

Hello, I'm having difficulties with spaces between div blocks: <div id="maincontentwrapper" > <img src="images/content-top.png" alt="main content border image" border="1" /> <div id="maincontent" > <div id="pagecontent"> <h1>Mission Statement</h1> </div> </div> <img src="images/content-bottom.png" alt="main conten...

Iframe and drop down

So I have an iframe on my site, on that iframe I have a menu, some links have a drop down list, now here is the problem, I can't see the drop-down because of the iframe height, is there a hack or something for this. I want the height of the iframe to stay the same, but the drop-down to display normally, over the content, I have positio...

CSS3 box-shadow for overlapping-like divs

I'm trying to achieve this effect with css3: The HTML code is cleanly something like ... <header> ... </header> <div id="wrapper"> ... </div> ... and the css is, for the moment, something like header { display: block; width: 900px; height: 230px; margin: 0 auto; border: 1px solid #211C18; ... b...

Should we still use em for font sizes now that most/all new browsers implement page zooming by default?

I've started to read on the net that all browsers are implementing page zoom by default, not text enlarge. I've also read a PrestaShop theming tutorial the other day that said... Don't use ems anymore, thanks to page zooming. Use pixels for font sizes. I'm not sure I necessarily agree, but with the body { font-size: 62.5% } for ea...

How to use css rollover image

how to make 'List' from 'Home' in next pic , i have the 'Home' pic, but i have not the 'List' pic , so how to rollover image only using css ...

CSS Gurus please help me figure these rounded corners out?

I've got a webpage I'm designing and my design works great in google's Chrome browser but I'm using the CSS 'border-radius' property which as I'm sure you know isn't supported by IE. I'm trying everything I can think of but I've got a few things going on that are causing me a lot of trouble The 'box' in question that I'm trying to get...