css

Beginner Question : Need help with JQuery

Here is what I am working on.. http://jsfiddle.net/yfcZN/ what I want is padding of text that is inside of the "P" tag like we do cell padding in "TD" tag I changed this code line : text.css({ position: 'absolute', top: '57px' }).hide(); to this:- text.css({ position: 'absolute', top: '57px', paddingTop: 10px}).hide(); but it's...

JQuery Vertical slider opening up and flicker on page load with accordion, tabs and Cufon flickering

Using custom jquery to create a stand alone slider and a stand alone accordion with tabs inside. Which are all working. But how do I stop them from opening up when the page loads??!?! This happens in all browsers and it takes about 2 seconds to load up! http://tinyurl.com/2ehnwca - home page http://tinyurl.com/2965fav - explore page Yo...

override :first-child pseudo class styling using jquery

Hi, I need to override the defined :last-child style defined in my stylesheet using jQuery. I'm aiming for minimal markup using a combination of css and jQuery where the structure around "container-content" is appended to the div on document-ready. <div id="title-some-impact"><!--Vertical container title--></div> <div class="contai...

How to set element height for a fixed number of lines of text

Given some text that occupies about 10 rows, how can I resize its container to only show the first 3 rows and hide the others? Apparently this works, but I think it is not reliable: .container { height: 7.5ex; /* 2.5ex for each visible line */ overflow: hidden; } Can I rely on the fact that height of one row = 2.5ex or is that...

IE6 background-image margin/padding/spacing issue

I'm currently designing a page with a footer split into two divs. The top div displays a background-image to separate it from the main page, and the second div contains the actual footer content. It looks like the following in all browsers: ...except IE6, where it looks like: I'm guessing it's a margin/padding issue, but I can't i...

using the same class in ul/li

I have this piece of code for my footer. the footer needs to have a different style for the last item with the name "SERVICE AGREEMENT/PRIVACY POLICY".. is it possible to use the same class and get the codes , i mean not using different class like what I have done? <ul class="footer_content"> <li class="footer_content_item"><a href="#"...

background-image being pushed right on narrow pages

I have a background-image used to separate my page footer from the main content. It displays fine when viewed in a browser window wider than the supported min-width of the page. However, if the window is resized to be narrower the image is pushed to the right relative to the main body. How it displays in wide browser windows: How it ...

Customize the <img title> tooltip.

I was wondering is it possible to customize the tooltip that we get after setting the title attribute in an img tag? Now I get a standard rectangle with blue background with text on it and what I'd want to get is my own image (lets say something that looks like a cloud) with text on it. Is it possible with css or js? ...

HTML+CSS: List with submenu problems

Hi there, im trying to build a simple HTML+CSS menu with submenu popups. If a list item has a child list and gets hovered the child list would show up. This works already. But I want the parent item to be on top of the child list. I tried it with the z-index and.. failed. The child always overlaps the parent. I try to do this to ma...

tinymce : Remove css styles from style attribute

I am trying to configure tinymce to not allow css styles in style attribute. I just want to allow one style which is text-decoration. Here is a similar problem http://tinymce.moxiecode.com/punbb/viewtopic.php?pid=76101 . The valid_styles option is not present and I dont want to use regexp on my content, coz there got to be some or th...

Constraining the Size of an Element to a Multiple of a Given Size

If I have a div that expands to its contents, how can I ensure that its height is always a multiple of a given value, say, 50 pixels? Is there any way to do this with CSS, or would I need to resort to JavaScript? ...

Designing a rich UI using Webview for a non-network-using Android application

Hi, I am in the process of designing an application for android where the user can see a list of resources with short summary (e.g., title and date of an event) , and clicking on an item shows the details (e.g., event description, who is attending, etc). Currently I am exploring making a custom ListView and LinearLayout for this in Andro...

Website not working well on IE 7

I have this website, http://www.escuelita.info. Now I tried many times to make it work on IE 7 (possibly IE6 too didn't check) but for some reason the middle frame on the right doesn't show content. If you compare it to Firefox or Chrome (or even IE8) it works ok. I need to fix this but I'm not sure what's causing the problem.. Note I ...

Is there a way to specify a max height or width for an image?

I'd like to have an image to have either a height of 725 or a width of 500 and maintain it's aspect ratio. When I have images with a height of over 725 and thinner than 500 they get stretched out to fit a width of 500. What is the best way to do this? Below is what I am doing now: <asp:Image Height="725" width="500" ID="img_DocPrevie...

body element doesn't have 100% height

Hello, has anybody an idea, why the blue div isn't set to 100% ? I need the blue div at the top of he brown footer!!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <meta http-equiv="Content...

ie6 ul.li hover

i know that ie6 can only do hover on a href element. but i do not need a href element. i have ul.li element like below ul.testclass li { display: inline-block; } ul.testclass li:hover { background-color: #ffffff; } it work on all browsers except ie6. any workaround to make it work in ie6? ...

Looking for a good photo gallery slide show tool for my site

Hello all. I am looking for a easy to use and easily changeable photo slider. I really just want to have 4-6 photos that change every ten seconds or so in a stationary box display. Kind of like a photo gallery, but all changing on the back end and without any thumbnails. I also would like to be able to put text links on the images as wel...

Inlining CSS in C#

I need to inline css from a stylesheet in c#. Like how this works. http://www.mailchimp.com/labs/inlinecss.php The css is simple, just classes, no fancy selectors. I was contemplating using a regex (?<rule>(?<selector>[^{}]+){(?<style>[^{}]+)})+ to strip the rules from the css, and then attempting to do simple string replaces where ...

Why does the pink box not overlap in IE6?

It does it for every other browser ( I think ). http://www.webdevout.net/test?01H&amp;raw Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; <html lang="en"> <head> <title>Test</title> <style type="text/css"> * { overflow: visible; } #precedence { float: right; height: 60px; w...

Override CSS style

I am defining some CSS classes which, when applied to a table, will generate some default styling. For example, lets say I create a class called myTable: .myTable { th { background-color: #000; } td { background-color: #555; } } So any table with the .myTable class would get those colors on th and td by default. I t...