css

Strange problem with border collase and border left/right.

Hi all, I have some strange problem with table in Firefox. What I want to create is to create a grid and think border. Here is the mock up (thanks inkscape). Here is my code: <style> .mytable { border-collapse: collapse; } .mytd { width : 1.3em; border : 1px solid black; padding : 0px; margin : 0px; text-al...

Specifying CSS class of a Zend_Navigation li element

Hi, I can't seem to find where to specify the CSS class of the list items for rendering a Zend_Navigation object. I know you can set the class of the ul tag via the navigation menu view helper and the class of the anchor via a page attribute...but not the li tag containing the anchor. Can anyone point me in the right direction? ...

Find Hover CSS Attribute

Lets say I had an element with multiple classes, one of these classes has a hover pseudo-class. Lets say this will change the colour. So what I want to do is find out what colour the element will change to when hovered over. Then I want to override this with Javascript/jQuery. ...

Highlight, then fade highlight, for list items dynamically added to a list

I have an unordered list on a page. When that page is refreshed through Ajax, new list items may come back that will be dynamically added to the unordered list. When the new list items get added, I would like to highlight those new list items, but fade the highlight out after a specified time. I have tried animate and the jquery hig...

How can I make my text stay in side of my JQuery slider

Hi, I have tried everything as far as widths and margins. The problem is I have a background image and when I use a width that makes the text stay inside the slider during scroll, it cuts off my image. That being said, I have everything set to what I want, except the text issue: here is the CSS: #wrapper { width: 550px; margin:0...

Fastest way to load CSS -- inline vs HEAD

I have a 50x50px div I want to display on my homepage as fast as possible. Is it faster for me to do <div style="height:50px;width:50px"> Or to assign it a class to avoid the inline style: <div class="myDiv"> And put the myDiv class in a CSS file in the HEAD section of the HTML page? My thought was that the first one should be f...

CSS problem within loaded div with Ajax

I am having trouble with the CSS when I load a page into div. Firefox loads CSS perfectly, but in Chrome, it does not load the CSS styles of the loaded page. It only works when I apply style with the element, for example <table style="left:100px;top:50%;position:fixed"> Only this way does it work in Chrome. But this doesn't work: ...

Weird CSS LI issue

I have a weird li issue I just can't figure out. I have an image set for the li on this page's content, but it's not against the text but behind the image! Confused on how to solve this. Any help would be greatly appreciated. http://staging.liquor.com/wind-at-your-back/ ...

Is there a way to apply a CSS file to a particular div?

I have a layout with a header, a navigation pane on the left, and a content pane on the right. The content pane is a pure white background, and I would like to apply an entirely different set of styles to it than the other two panes. Is there a way to apply a style sheet to the div of the content pane, without having to resort to putti...

Why is my "container" div not containing my floated elements?

I'm creating a website for my schools "Math Relay" competition. I have a "Container" div (with a white background), then a top-bar, left-bar, and right-bar div inside the container. left-bar and right-bar are both floated inside "Container". However, if you look in the image below you can see the right-bar has the grey background show...

sIFR3 and line-height/leading

I've successfully implemented sIFR3 using the nightlies from the end of Oct. All is well and much easier to work with than sIFR2 except where it comes to line-height. I was able to deal with my headings fine. But I have a pullquote that needs more line-height/leading and though I've read through support and see that it needs to be appl...

jquery set div width fails in IE7

I have the following code and it works correctly in FF and IE8 but fails in IE 7 anyone have an idea or hack if ($("#midRight:contains('Quick Links')").length == 0) { $("#midCenter").css({'width':'298px'}); } html is basic <div id="midRight"> bunch of text </div> the starting css is #midRight {width:440px;} IE7's jav...

CSS Line-Through not being removed

I've got some code that puts a line-through on a TR for deleted rows, but this means that my "Actions" column (that only has) buttons suffers. This is because there are individual spaces between the buttons, which wind up getting line-throughed as well. After poking around on W3Schools, it boggles me why this example doesn't work: <ht...

Font rendering differently in Opera 9

The font is rendering as a serif in Opera 9, image here in case you're curious and don't have Opera 9: image I've looked around but can't seem to find why Opera 9 wouldn't listen to the CSS for font-family: Helvetica. Any ideas? Thanks~ ...

Why is this div column not going all the way to the right?

Strangly enough, my website is rendering fine in Internet Explorer but fails in Mozilla based browsers. Here is a screenshot: Does anyone see why "right-panel" does not go all the way to the right? You can see how it is not lined up with the right edge of "top-panel": #container { margin: 0 auto; width: 750px; background...

How to disable a form element in a Zend Form?

I want to display a Zend Form with one of the elements shown as disabled. I'm setting the value so the user can see it, but I want to disable it so the user can't edit it. This may also involve some sort of css/javascript to ensure that it looks like, and is not editable by the user. This is my element: $this->addElement('text', 'us...

transparent .gif image not allowing background CSS element to show through

I've just got a quick question that if you have time would be great to have answered. I'm working on a new site for a woman that is a fixed width site. She wants her background image to take up the entire span of the browser window and then the image that sits on top - she wants to be transparent so that the background can show throug...

Up2date techinques/tools to create proper CSS/XHTML

I figured, that iam currently "trying" to style the HTML/CSS in the plain *.css textfiles... My problem is, that i need to create a complex WebApp and need to figure out the best way to start with this designstuff... Problem: I am a hacker, no designer ^^ so, my current plan would be: Buy a nice css-book ( as i am really lacking of kn...

caching trouble: dynamic css files

I have some css files that need to be generated dynamically (why is complicated, but it's necessary). The easy solution is to change the files to aspx files, and use <%= %> tags as needed to inject the values I want. This works fine, until we get to caching. It seems that the browser and server refuse to cache the file. I've tried ...

CSS Relative positioning overflow (squashed div problem) divs height expand with content?

Hi I'm trying to edit some css to include a border to the right and the left of my site. My problem is that when I make my height 100% or auto nothing happens, but when I change the height it works, but I can't use this as I want it to change with the content. I've noticed in expression web my sitegrinder div looks too squashed up the...