css

HTML/CSS: How to make the sidebar and content follow each other

I need a way in HTML/CSS with code only, without javascript or images, to make a sidebar and a content to follow each other, so if I write more text in the sidebar the content's height will be equal to the sidebar's height but the text in the content will remain on the top of the content part and inverse too. ...

setting background image on link to show up to the right of text link

I am using toggleClass and slideToggle to accomplish the following: when the user selects a link, it will slide down the div, then it will set the link as open, displaying the appropriate background image, this is just a simple, (+) and (-) to open and close the div. What I am having trouble with, is displaying the background-image to ...

internet explorer 7 css problem

Hi I am modifiying a cs-cart theme which uses smarty template engine. I am able to move the shoping cart links to above the top menu and it shows Ok with IE8 firefox etc. Hovewer IE7 make an empty space. How could I make IE7 happy. I added the necessary style-sheets and tpl files. Main css files are style.css and stle.base.css. IE8 ...

jquery HELP with toggle

okay so i have a log in button on the top of my site that when clicked calles some jquery to show/hide a log in box. yet i have a search box next to it and when you click on that not only are not able to type in it but it also toggles the log in box the first code should be the jquery and the secong is the html part that calls it. btw i...

CSS layout with max heights not working that well...

So, for a website I've been trying to get a specific layout to work across the IE browsers (FF + Chrome are a plus if they work, but usually they do). Below you can see the layout I'm trying to achieve; As you can see, this is just a slight variation of a multi-column layout that you can see around the internet. Just with some added e...

jquery bug line-height

I try to get line-height of element (this) It's inside a hover() thats why i use $(this)... > var lineHeightThis = $(this).css('line-height'); Setting up that var caused trouble. It seems like it is resetting (this) to "auto" !? I need to do that to reset it. > $(this).css('line-height',lineHeightThis); The overall problem, inste...

JavaScript/JQuery string replace

Hi, I have the following string which is a CSS selector: #downloads > ul > li:nth-of-type(1) > ul > li:nth-of-type(3) > a This CSS selector works fine in FireFox, CHrome and Safari but IE 6 does not support the nth-of-type selector. The CSS selectors I am working with are generated by Nokogiri and I can not change them. Threw testi...

IE Fix for :nth-child selector with jQuery?

I have to validate my code for IE, I'm trying to use jQuery. The second line works perfectly (although if I add the first line, it breaks [only in IE; works fine in other browsers]). This whole snippet works in other browsers. $("ul#nav > li:nth-of-type(1n+4)").css("marginTop", "4px"); $("#templates > :nth-child(3n+5)").css("margin", "1...

jquery selectors

Hi. I need to select a class in my javascript and change one of its property. but since that class is being used with different divs, I need to change the property of the class I hover upon only and not the other ones. is that possible? the html structure looks like this: <div class="home_linkbox_href"><a href=""><div class="home_link...

a simple css issue about overflow:hidden

Hello, This is my css content :- <style type = "text/css"> li { display:inline; } .carousel { position:absolute; white-space:nowrap; } .sliderGallery { width:800px; overflow:hidden; height:100px; } </style> This is my html content :- <div ...

Which is a good psd to html/css converter service? (fixed price)

I'm looking for quality code, cheap and extra bonus if they make wordpressthemes. ...

How do I overflow the contents of a column into the next column using CSS?

I have a table with three columns in which I'm trying to get some long paragraphs to flow dynamically from the first column into the second and then into the third. Currently, the table will continue on a next page when the first column overflows instead of moving into the second column and so I get several pages filled with only a singl...

Submit Button Font - What is it? (browser default styles)

I was wondering what is the default font is for <input type=submit> tags? I am running Mac OS 10.6 with Firefox 3.6. But the font is the same for Safari 5 as well. Pic of default styled input button is here: http://twitpic.com/2388tp Thanks! ...

3-column Web Parts Page?

Hello all, I am setting up an asp.net web parts portal for some stuff. I have a [hopefully] really easy question. How can I make the page have 3 major columns? Right now I have two columns using <div id="leftpanel" style="float: left"> and <div id="rightpanel" style="float: right">. But I cannot figure out how to get a panel in the cent...

How to produce a 3-column list?

I have to produce a 3-column list of items similar to what can be seen for the different groups (mostly banks and financial institutions) at this page: http://funds.ft.com/FundDirectory.aspx (even though these are horizontally aligned divs) I have all the items I need to add to the 3 columns in a List<Group> stored in my Model.Groups o...

CSS ,working only in IE

Why this CSS (and HTML) is working only in IE? <style type="text/css"> div.scroll { height: 50px; width:300px; overflow: auto; border: 1px solid #666; background-color: #ccc; padding: 1px; } </style> <div class="scroll"> <textarea rows="100" cols="20" ></textarea> </div> ...

Position a css bgimage x pixels from the right?

I think the answer is no, but can you position a background image with CSS so that it is a fixed amt of pixels away from the right? If I set background position values of x and y, it seems those only give fixed pixel adjustments from the left and top respectively. ...

Print background image in IE without enable "Print background colors and images".

Is possible to print a background-image whithout enabling "Print Background colors and images" in Advanced tab of Internet Options ? I think to use a alternative way without "background-image"... Using div tag and position absolute is possible to emulate the same effect of background-image? Also I would like to repeat the background ima...

ASP.NET/CSS - can't get a:active to work.

i have a menu bar in my master page that is made up of 4 hyperlinks with background images that are being set using css. on hover-over, these images are swapped out, also by css. so each menu item (hyperlink) has two images, a static image and a hover-over image. when a user clicks one of the menu items and is taken to that page, i would...

How to load pop-up of Iframe outside Iframe?

For example I have a site www.site1.com and i'm using a iframe on a page of site1.com and source url of iframe is a page of www.site2.com. page of site.com which is iframed on site1.com has some links which opens images in popup like lightbox. on site1.com iframe has fixed width and height and i cannot extend further. But the proble...