css

Remove Spacing Between Drop Down Menu

One final question with my CSS drop down box! I can not seem to remove the space in between the links "Link 1", "Link 2" and "Link 3". Under the Products drop down. Here is a demo: http://174.132.101.73/~ree/header/ How can I do this? I appreciate any more help. Thanks all ...

JavaScript error while trying to hide table rows

Hello everyone. I am trying to display rows depending upon users choice. Suppose (s)he wants only 3 rows, then the fourth and fifth row will hide. Please find below the part of html and javascript. HTML <table> <tr id="sRow1"> <td>1a</td> <td>1b</td> </tr> <tr id="sRow2"> <td>2a</td> <td>2b</td> </tr> <tr id="...

Is there a way to attatch a css file to a jEditorPane?

Simple enough question: I have a string containing HTML that is being handed off to a JEditorPane for user consumption. Can I attach a CSS file (or string containing CSS rules) to allow for more specific styling of the text? ...

moving a div - styled cursor:move

Hello I have a div for which i have set the cursor:move style. The div shows up as a modal popup window. I would like to let the user move the div around. <style> .popup{cursor:move;position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin:auto;} </style> <div id="modaldiv" style="popup"> content goes here </div> An...

CSS: camelCase vs under_score

There is much to read out there concerning this old question. Most languages seem to have their preferred style - and everythings ok with this. But what about this question of style in the CSS context? Both is correct and looks fine: someContainerContent vs. some_container_content What do you think? Which is your and what do you th...

Using YUI is it possible to add another css footer that sticks to the bottom of a page?

I'm a big fan of using the YUI library as my CSS and design skills are typical of a developer. I can find many examples of CSS techniques that result in a footer sticking to the base of a page. However I have failed in trying to add this to the YUI grids, I'm just wondering if anybody else has achieved this and if so would they mind sha...

For what reason margin collapse rules were introduced in CSS?

Just can't figure out the situation when this clever set of rules can be helpful. They break the simplicity of the box model and provide infinite source of troubles when you combine different pieces of layout together. So what is the reason? Rules for the reference. Update: Rules are quite logical for sibling elements, but why margins ...

Problem with CSS and DIV height [UPDATED]

Hello, I'm building webpage layout which includes 5px wide DIV which i use as spacer, if i define my steyle like that div#main_spc{ display: block; width: 5px; background: url(../Images/contsep.gif) repeat-y top center; float: left; position: relative; } and put height inline <div id="main_spc" style="height: 356p...

Text showthrough problem in IE when an <a> is positioned above another element

I've been trying to develop a way to make rows of an ASP.NET GridView (or table in general) clickable, whilst still maintaining all the usual actions you'd associate with links - correct right-click context menu, middle-clickability to open in a new tab, etc. My solution uses jQuery to find <a> tags within each row and expand that <a> t...

Trouble with the jQuery animate function?

I needed a simple three slides slider, so instead of using a jQ plugin I hand coded it myself. The code works but the animation occurs in 2-3 frames instead of happening in over 20 frames, except when in IE6 & IE7 where it animates perfectly in 20-30 frames. In all the other browsers(IE8, Firefox, Chrome, Safari, Opera) it animates in a ...

CSS: Styling visited images cross browser way / cross browser opacity

I want to use the CSS visited functionality in the browser to style a clicked image: CSS: .gridview a.plusminus:visited img { /* from http://my.opera.com/BleedingHeart/blog/2007/04/29/highlighting-visited-images-using-css */ background: transparent !important; opacity: 0.2 !important; } HTML: <a class="plusminus" href=...

Help with CSS positioning.

This is my page: link As you can see on the screen shot, the icons (red circle) are not aligned with icons above it (click on title to expand it). The CSS: body { font-family: arial, helvetica, sans-Serif; } #talkbacks .noshow { overflow:hidden; clear:both; padding: 2px 10px; } #talkbacks ul.top { border: sol...

How can I style an html select box to omit drop down arrow for print?

I have an html select element which I would like to style for print so that it just looks like the selected text. How can I hide the drop down arrow? ...

Centering Text and images within a DIV, and more.

So i have a couple of tag, and i have some text and images i'd like to center or align to the bottom inside of them. Vertical-align doesn't seem to be in the mood to work. I'd also like to make a horizontal menu, which will have a start image (say, menutop.png), a filler (menubg.png) and a closing block (menubottom.png), and i'd like f...

Padding issue in IE7

I have been struggling to find out why IE7 is taking more space in padding while other browsers not. If someone knows how to do that than please do share. ...

IE right property off page - vertical scrolling

Hey, I am using jQuery at this page to slide out the couch to the right, it works fine in FF as you can see, but in IE 6 you have vertical scrolling. I had numerous other IE issues, but I got rid of most of them, by going through my CSS again and tightening up the lose ends. http://www.catonthecouchproductions.com/new/ I have tried m...

Internet Explorer not really befriending my iframes

Simple question, basically i have an iframe that shows some content, and thus far we are pretty much on track with all browsers. Problem is that in Internet Explorer, it won't display characters such as "Å, Ä and Ö", no matter what charset i use. Is there any quick way to fix this? Cheers. ...

IE6 CSS Hover issues with menu

Hi folks, I have a CSS hover menu which works in all browsers except... surprise -- IE6! #menu_right ul li:hover ul { visibility: visible; } This ul is hidden initially, obviously. When I hover over its parent li, it should show up... but it doesn't. To try to pinpoint the problem, I've tried making the ul initially visible and had...

ASP.NET MVC CSS

Can anyone please tell me why this CSS code doesn't work? .message { border:2px solid #AAAAAA; padding: 8px; } .message-error { background-color: #EE99BB; border-color: Red; color: Gray; } .message-info { background-color: #AAAA22; border-color: Yellow; } .message-success { background-color: #AAAA22; border-color: Yellow; } The output...

CSS sticky footer with header outside the page wrap

All the sticky footers require that you place all the content within a page-wrap except for the footer. I have a situation where the header must reside outside the page-wrap: <div id="header">...</div> <div id="page-wrap">...</div> <div id="footer">...</div> Anyone know what the addendum to the CSS would be in this case? ...