When I put an image inline in a table cell, like this: <table border="1" cellspacing="5" cellpadding="5"> <tr> <td> <img width="20" height="20">Text </td> <td> Text </td> </tr> </table> …it shifts the vertical alignment of the text in that cell, like this: I've played around with vertical-align, but haven't been abl...
Hi, so I have this jQuery script below that works. But since I'm just learning jQuery, I'd like to take advantage of this working code and make it more terse. Basically it removes a class which holds a background image, then makes a div visible which is a link to an area of the site. It seems overly repetitive to me. Thanks for the h...
I have a that contains two nested div's. One of the nested div's contains a javascript graph. When the page renders, the javascript graph is at an incorrect location, outside of the 's area. Does anyone know what I am doing wrong? Here are the css: #graph_container{ width: 75%; margin: 0 auto; background-color: #FFF; pa...
The State of contenteditable The markup produced by wysiwyg editors is atrocious. Its littered with style attributes and often is not even valid HTML (missing closing tags, overlapping styling, etc). Are there any established solutions to the problems introduced by contenteditable? If not, how can I go about creating one? Invalid HT...
My problem is this, that I want to style the first line and first letter of every paragraph but the first-line attributes move on to the first-letter attributes even if I re-declare them in the declaration of first-letter. This is how the code looks: p:first-line { font-variant:small-caps; } p:first-letter { font:none; font-variant...
Hello, In the code below, the $row["username"] is the author of a comment. It renders well in Chrome, but in IE 8, only the top half of it appears. Any idea how to make it so all of it appears in IE 8? Thanks in advance, John The code: echo "<table class=\"commentecho\">"; $count = 1; while ($row = mysql_fetch_array($result)) { ...
is there a way I can stop the opacity from affecting my links text when the mouse pointer hovers over my link? I just want the opacity to affect the image only. Here is the CSS. .email { background: url(../images/email.gif) 0px 0px no-repeat; margin: 0px 0px 0px 0px; text-indent: 20px; display: inline-block; } .email:h...
Hello! I am currently trying to replace the input.submit button with an image. I have managed to do this successfully except there seems to be a background around the image which I want completely gone, and for it to just be the image. Here is my css: {width:70px; height:40px; background:transparent url(images/shadow_search.png) no-r...
Hi, Hoping someone can assist, I am using an unordered list where the actual list items have a rounded rectangular background image. My problem is, there seems to be a slight gap between the list items in Firefox but in Google Chrome, there is no gap. If I change the css line-height value, it corrects in Firefox but then breaks google...
Hi, I'm experimenting with virtuemart, I have the default install without changes, but the add to cart button only shows in sub-categories (eg. Powertools > Outdoor tools). I changed the "Category Browse Page" and "Category Flypage" to be the same for both, but it does not work. Is there a setting I have to change to get it to show? Pl...
I have a class that extends Composite and contains a DisclosurePanel at the top-level of the associated UiBinder file. In DisclosurePanel, the HTML looks like this: <table class="gwt-DisclosurePanel gwt-DisclosurePanel-closed> <tr> <td> <a href="javascript:void(0);" style="display: block;" class="header"> <div class...
I have the following: <div id="view"> <div id="navbar"> Placeholder Text </div> </div> I would like to style the text in 'navbar'. However, there is another div further up in the document called 'navbar' in the stylesheet? I thought it was something like: #view#navbar { font-style: normal; ...etc } But that didn'...
I have a Flex 3.2 application for which I am developing a custom style. Basically the first stylesheet gets applied first, and then my custom stylesheet. I am wondering how I can completely empty a value set in the first stylesheet with a value set in the second. The value has to be blank because if the horizontal-center value is set ...
I noticed that Chinese characters tend to be a bit smaller in my website than Roman characters. I would like to know if there's a way of modifying them through CSS without touching Roman characters. For instance, assigning font-size to only Chinese characters. ...
I'm attempting to create a tooltip-like system where a mouseenter event causes a div to show up which will overlay content. Unfortunately the issue I've run into is that content later in the DOM is not disappearing in IE7, while content earlier is disappearing correctly behind the z-indexed element. Here is some sample code which illust...
Code is as follows: <div id="compare_view" align="center"> <div id="compv-navbar"> <img src="image1.png"> | <img src="image2.png"> | <img src="image3.png"> | Text can be here </div> </div> I would like to be able to manipulate all of the images within the 'compv-navbar' div. I know I could give each image a uniqu...
<div id="compv-navbar"> <a href="#"><img src="image1.png" id="icon1"></a> | <a href="#"><img src="image2.png" id="icon2"></a> | <a href="#"><img src="image3.png" id="icon3"></a> | This is the text I want to select and style specifically. </div> I would like to do this in HTML/CSS. No jQuery or Javascript. Also...I would like to do ...
The code is as follows: <div id="compv-navbar"> <a href="#"><img src="image1.png" id="icon1"></a> | <a href="#"><img src="image2.png" id="icon2"></a> | <a href="#"><img src="image3.png" id="icon3"></a> | <span id="view_name"> Random Text</span> </div> Assume that each image has another image with su...
If I have 2 input fields with no CSS, and then I add ONLY a background color to one, it changes the look of that field completely. It seems to change at minimum, the height, the border, the border-style and the border color. I know I can change the CSS for all the input fields to make them match. But does anyone know what the CSS is for...
I was designing a mobile version of my website but then realized I need to support at least three (iPhone, iPad and Android). In that case, I was thinking of using jQuery for the task where I would first detect what device it is and then load the appropriate CSS. How would I go about doing this? Is it something like this? And is this eve...