css

Tooltip tools that play nice with Aspnet and Ajax

I am a tech writer and am working in visual studio creating tooltips for an ERP site. Originally we were using the Jquery tools from flow player http://flowplayer.org/tools/demos/tooltip/form.html but these did not agree with our asp elements. Specifically the drop down and check boxes. It also caused odd display features with our button...

Cufon h2 on div hover

Hi all, I have h2 tags inside divs which I need to change colour on div hover, if the cufon is turned off, the h2 tag changes colour fine, but when cufon is turned on, it doesn't change colour. Here's my code: Cufon Cufon.set('fontFamily', 'DIN'); Cufon.replace('.listing_04 li a .bx1 .right .head_bx h2', { hover: true, hoverables: ...

Formatting text in an html table column?

So, I have a table like below. Imagine there are multiple columns, I thought by formatting the <col/> tag I would be able to change the formatting of every <td> in that column. I want to give data in the first column a text-align:center, but it doesn't seem to work. Is there a way to get this to work other than adding a class to every <t...

How do I get access to the <html> element in Javascript?

IE displays a default scrollbar on the page, which appears even if the content is too short to require a scrollbar. The typical way to remove this scrollbar (if not needed), is to add this to your CSS: html { height: 100%; overflow: auto; } I'm trying to do the same thing in Javascript (without requiring that in my CSS), but I ca...

Auto Wrapping a <div> with a Dynamic Width

Trying to create a box that contains sentences (with spaces) and can have a maximum width of 300px. When the text is too long, it will autowrap without a scroll bar. EDIT: Actually, I should have mentioned that I will need to float the box left. I'm putting it in a widget like so: <div> <div>left control</div> <div>text</div> ...

How to center text in a select list

I'm having trouble styling a select list in an html form. Basically I want it to have a font size of 12px, and a height of 30px; The problem is that the box is drawn to the right hight, but the text rendering varies in each browser. In FireFox it renders it in the top left corner. I want to vertically center the text. Anyone know of a wa...

Jquery Tabs Help

So I am trying to make a tabs in a menu but cant make the whole width of each of the tabs 219px. it only allows me to make the li 219 but I wanna make the li a 219px. I cant seem to figure it out. Also is there a way to make a next button or would the best way to go to each tab and literally put in the next tab in a type of way? any he...

after dragging up, animate viewport up and after dragging down, animate viewport down...

I been trying to make this work for the last couple of days, I'm a new into web designing so I hope someone can help me out with this. I'm trying to run an animation after dragging the div container depending if the user is dragging up or down. This is the code that Im working on. this is the code when calling the jquery widget $ $('#...

Switching to HTML 5 and CSS3

I constantly find myself creating sites using newer technologies (such as HTML 5 and CSS 3, then adding either backwards compatibility layers or porting entirely to XHTML 1.0 and CSS 2.1. This process often involves replacing CSS with sprite images and adding in flash components for advanced asynchronous support. My question is when can...

Is it Possible to change the Default Margins of Browser through JavaScript???

I want to change the default margins of Browser through JavaScript because I want to print the displayed document on page but the margins are different on different browser??? plz help me to change default margins of browser. if you have any solution tell me. ...

<div align="left" class="abcd"> css old method

When I use the validator, it says that the align attribute on the div element is obsolete. Use CSS instead What do I do to resolve this? ...

how to align text center and right

Hi All, I m facing problem while aligning two text, one in center and other text in right; I used a Div to align it: <div style="text-align:center"> <h1> Sample Heading</h1> <div style="float:right; text-align:center"> <a href="#">sample link</a> </div> </div> When i used this my heading comes left its not a c...

CSS: blue border in IE and Firefox only ?

hi, I don't understand why I have this blue border around the links images in my page. I've set outline:none border:0 but still it is there (only in Firefox and IE)... it is very strange. http://www.alimdardesign.com/fabulicious/features.html Thanks ...

background image vertical repeat for a div

hello all I want to repeat a background-image for a div vertically till the bottom of the page. #repeat { background: url(repeat-image.png) repeat-y; height: 100%; /* this does not work, but height: 1024px; does */ } This does not work. I need to do so according to the page design that I have got. Can this be done? With regard...

How to create a CSS shade effect with a faded sidebar

Hi I'm not too sure how to create the attached image effect where the right hand side is my main content and it shades onto my left sidebar which has a gradient effect downwards. ...

Styling br-tags: possibility using moz feature in firefox

I know the styling of br-tags has been talked about recently. Now i wonder if there is a possibility to style it using firefox's built in moz-features. Anybody got a suggestion for browser built in features using firefox or webkit? ...

Differently styled HTML elements in browser's default css is the only factor for the different looks in different browser of website?

Differently styled HTML elements in all browser's default css is the only factor for the different looks in different browser of website? Which can be solved by reset css Can we achieve same look with CSS only? Is there any other factors related to cross browser compatibility? ...

CSS / HTML centering a textbox

This should be easy but its proving difficult... My element I want centred is exactly this <input type="text"> I don't want the text centred, just the text box within the outer div. This is my attempt which is not working <div class ="temp123"> <input type="text" /> </div> Where: .temp123 { margin: 0 auto; margin-left: auto; m...

HTML Setting Active with different background colour

Here is my HTML List: <ul id="navlist"> <li class="item1"><a href="#">One</a></li> <li class="item2"><a href="#">Two</a></li> <li class="item3"><a href="#">Three</a></li> <li class="item4"><a href="#">Four</a></li> <li class="item5"><a href="#">F...

Resetting the style on elements with inherited style

I have one <div> and I don't wish to inherit any formatting from any other stylesheets - I want to start fresh with this <div>. How can I do it? ...