css

Detailsview Row Height and/or row spacing

How can I make a specific detailsview row of a specific height? I tried css and itemstyle-height, but I seem to have misplaced my brain and/or visibly don't understand how some things work in that. May sound stupid or inappropriate of a use, but I want to use a detailsview to show information about something, and I'm separating informat...

Applying css with javascript overrides hover link style?

I have some JavaScript which is changing an image correctly but once it has been called, my a:hover CSS code no longer works. Looking with firebug the following JavaScript creates this css rule: element.style { background-image:url(/content/images/side_partnershipsOver.png); } document.getElementById('partnerships').style.backgroundIm...

Why is my google map api not displaying balloons properly?

Hi all! Here's the link: www.mchenry.edu/maps/google.asp Why won't the location balloon display correctly? Also, the pop-up info box is wonky too. Is it something in the CSS? Finally, I've received not a few "google server rejects your api key" yada yada. I've changed the key twice, with little luck. Hopefully it will work for you. Th...

Does blackberry provide a css library for custom web apps like iPhones UIKit?

Hi does anyone know if Blackberry provides a set of standard css to create web apps on a blackberry browswer? I guess blackberry equivalent of what the iPhone provides to make iPhone web apps look customized for an iPhone. Thanks, Joe ...

How do I create image roll over nav buttons in Wordpress

It's easy enough in Wordpress to create a nav bar based off wp_list_pages and wp_list_categories. But these output text, and you can't effect each output li in a different way. I know I can manually create the nav bar, but is there a good way to replace the wp_list_ output with images? ...

Thumbnail gallery height problem

I have this gallery of thumbnails of youtube videos with their title under. http://skitch.com/subzane/bqgqw/demo The problem I have is that when floating them they don't appear as I like, this because the height is variable. I've read a blog post a few weeks ago solving just that problem but I can't find it anywhere. So I'm asking for ...

Setting IE "Optical Zoom" feature using Javascript/CSS

The site I'm maintaining has been designed pretty rigidly using pixels for font sizes, dimensions, absolute positioning etc. Now there is a feature request to add font resizing by users. While I know that is impossible without redesigning the site from the ground up using relative dimensions, I discovered that the site plays pretty nice...

css rule to disable text selection highlighting

For anchors that act like buttons (for example the Question, Tags, User, etc at the top of the SO page) or tabs, is there a CSS standard way to disable the highlighting effect if the user accidentally selects the text? I realize this could be done with javascript and a little googling yielded the mozilla-only "-moz-user-select" option. ...

Internet Explorer ignores really small heights set in CSS

I have CSS that looks like this... .ColorSeparatorArea { background-color: #3d3d77; height: 1px; } ... and then I'm applying that style to a DIV element: <div class="ColorSeparatorArea"></div> It works fine in non-IE browsers, but in IE, it sets the height of the div to the height of one line of text and it won't let me go ...

Google Chat like Div

Hello all, Anyone know how to create a division like the the ones used in Google Chat inside Google Mail? i.e. they are always at the bottom. I hope there is a way to create it with HTML and CSS only. Thanks. ...

Pushing every HTML element out of the way regardless of their positioning

I'm working on an app where we insert our app's widget into the body of a site, at the bottom. We made it so that the widget's position is fixed, with bottom: 0. The widget would persist no matter where you are on the site; that is, it's at the bottom of the viewport. The trouble is that the widget covers elements at the bottom of the si...

Internet explorer and floats: please explain

Yesterday someone asked Width absorbing HTML elements. I presented two solutions: one table-based and one pure CSS. Now the pure CSS one works well in Firefox and Chrome but not in IE. Basically the floats are being bumped down to the next line. It is my understanding (and the behaviour of FF and Chrome) that this should not be the case...

Side-by-side list items as icons within a div (css)

I am looking for a way to create a <ul> of items that I can put within a <div> and have them show up side-by-side and wrap to the next line as the browser window is resized. For example, if we have 10 items in the list that currently show 5 items on the first row and 5 items on the second row, as the user makes the browser window wide...

get a div's origin height

I set the div's css height:130px; overflow:hidden; I want an animation from current height to origin height like this , but I can't get the origin height.one posible way is after dom loaded , store the height in js,like this $(function(){ $('.detail').data('originHeight',$('.detail').height()); $('.detail').css({height:'130px...

HTML site development: div's vs ul's for navigation and menus

I'm working on developing a Web 2.0 site, and I've been looking at how sites deal with menus and nav-bars. Many sites (like twitter) use UL's whereas sites such as stackoverflow use div's that are ID's containing links. Is there an advantage to not using UL's other than it eliminates some IE bugs? is there an advantage to using UL's? ...

jquery error placement

i've a jquery form. the validations work correctly but i'd like the error to be placed properly. right now it displays in IE 7 as: but i'd like to display it as: this is the css code: div.error { display:none; } <%-- input { border: 1px solid black; }--%> input:focus { border: 1px dotted black; } ...

Forcing an image into a fixed div?

Hi, I'm trying to get an image to be scaled to the size of a table (unfortunately I need to keep the table) where the table is the same size as the div. Looking at the link below, the picture on the way right is what I expect. However, in the bottom picture, the image is not staying in its 100% sized table. Why doesn't the height get ...

CSS font-size changes when font-family falls back

I want to use a font (gill sans) which renders very small due to a short x-height etc. etc. If I set this at a reasonable size, and then a browser falls back to a more typical font I've specified in the font-family, the fall-back font renders very large - can I set the font-size according to the font the browser is using? ...

First record in table overlapped by header of table in IE.

Created a table which works fine in IE6,7 but in FF the header hides the first datarow. <g:if test="${params.history!=null}"> <div style="width:791px;padding-bottom:10px;overflow-y:auto;${(lstDNCallEntries.size()>0)?'height:100px':''}"> <table class="table"> <thead style="position: absolute;"> <% params=params.findAll{ k,v -> k != 'sor...

What's a good tool for calculating web KSLOC?

For HTML, CSS, and JavaScript files, what's a good tool to run on source directories and get KSLOC? ...