thanks a bunch in advance! i was able to make a rounded corner button using CSS. i like to be able to mouseover the button, and the entire thing changes its color, not just the inner most div. plz help! my assumption is that iam supposed to have some kinda javascript with onmouseover="", correct? here's the page: http://biozenconsulti...
I'm building a HTML template for my site and would like to have a main content pane on the left and a navigation pane on the right (similar to Twitter). I'm assuming DIVs are not the preferred approach since they are by defaulted listed top-to-bottom. I've played around with float:left and float:right but those cause the parent div to ...
I'm having a problem aligning an image to the top the text in an <h2> element because the space between the top of the text and the top of the elements box is different across browsers (so far it's been different between IE7, Safari 4, and FF3 - haven't tested anything else). Particularly noticeable because I'm using a large font (48px)...
I am trying to get better about minimizing any unnecessary markup and using optimal CSS. <label id="cart_promocode">Promo-code: <span><%= Html.TextBox("PromoCode") %> <a href="#" id="lnkApplyCoupon" class="hidden">Apply Coupon</a> </span> </label> The 'Apply Coupon' link should be positioned underneath the textbox. This...
i totally understand the box model. this question is more about trying to pin down a semantic methodology regarding when to use margins and when to use padding. here is a typical example, first, in plain English: situation: we have a container div, inside of which there is a paragraph element. goal: to have a 12px space between the...
On click of a marker, I'm opening an InfoWindow on a Google Map. The code is like this: var point = new GLatLng( mPointSet.points[i].lat, mPointSet.points[i].long); var marker = new GMarker(point); function createMarker(marker, message) { GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml( $("#mark...
Hi, What I'm trying to accomplish is simple : change the layout of the browser checkboxes via CSS. Is it possible? Or do I need to use javascript for that? And how? Thanks in advance! ...
Im using the following layout: http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm This is working exacly like it it should and i expected it to work, but im unable to change the size of the right bar and left "bar" ( I want to make them both smaler ). I have been trying to change values in hopes of understanding but CSS is...
In existing code I had CSS @font-face declarations for .EOT embedded fonts that worked flawlessly actually, in internet explorer. So now I read that Firefox does embedded now too, in 3.5, except it embeds .ttf fonts directly. So I altered the @font-face declaration for firefox and gave it a shot: @font-face { font-family: FontX; sr...
I can specify CSS like this: background: #CFCFCF url(button.bmp) repeat-x top; but if I want an image for top along with images for left, right and bottom, how would I go about that? ...
I have a bug in IE8 when trying to get a property from css for an element with background image. el.css({ 'background-position': "10px 10px"}); //set some alert(el.css("background-position")); //get the value In Opera, FF, Chrome, Safari works I get "10px 10px". Not in IE8 where I get undefined. I opened a bug report, but until then ...
I would expect this code to display a border around a table. It does in Internet Explorer but not in Firefox. In firefox it displays a horizontal line above the table. If I add anything else e.g. <br /> within the div the border is displayed correctly. It also works if I remove the align attributes. What is the reason for this behaviour?...
Hi, I need the #infoBar div and the #actualCover div to sit to the right of (next to) the #covers div but for some reason, the covers div is acting like its not even there and floats on top of the other divs please help <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> <style type="text/css"> ...
Hi, I am going nuts with a whitespace problem inside a div. Two of my divs have unexplained whitespace but a third similar one has none. When I use the compatability mode of IE8 the whitespace disappears so I am guessing it is something to do with the CSS but for the life of me I can't seem to see what. The page causing the issue is at...
I noticed this rule in Firebug: *|*:link { color:#0000EE; } I'm not sure that I've ever seen the vertical bar (|) before. It's in the about:PreferenceStyleSheet so it may be Firefox specific. What does it mean? Any link to a reference? I thought possibly that the vertical bar was an "OR", but that's the comma in CSS. ...
I want to use data from XML to populate a class: E.g. <p class="<xsl:value-of select="a:Subject"/>">English</p> Which would generate: <p class="English">English</p> IS this possible? ...
Hi, This is a followup to this post (www.stackoverflow.com/questions/1389029/two-divs-with-unknown-width-and-dynamic-scaling). Here's the illustrated requirement (/www.creativesplash.net/images/2.gif). Here's what I've achieved so far. On browser resize 2 things should happen: The tabs should shift to below (already achieved) The ...
I am creating a standard jQuery UI tab bar, nothing special except for the following: I would like to include a hyperlink on the right-hand side of the tab bar to serve as a log-out button. I know that I can accomplish this using invalid XHTML by writing the tab container like this: <div id="tabs"> <ul> <li><a hr...
I have a web database app that runs in IE7+ (customer requirement) It is a shop control system that needs to send forms to the printer. I've got @media print css set up to format the form properly when going from screen to printer. Mostly everything has been working fine. I've recently added some jquery code to handle placing a foote...
Example bad: #main { padding:0; margin: 10px auto; } Example good: #main {padding:0;margin:10px auto;} I have a ton of CSS rules that are taking up too many lines. And I cannot figure out the :%s/ commands to use. ...