css

piped list using borders

Greetings, I'm used to implementing piped links (in an un-ordered list) and implementing the pipes using a 1px solid border to one side of each list item. However, I've encountered a problem with the above implementation while attempting to accommodate a request to make the border's height shorter than that of the text. In effort to do...

jQuery slideDown / slideUp not working in IE7

So I'm using a very basic jQuery .slideDown which is working great in FF, Safari, and Chrome. Won't work at all in IE7. here is the script: //Top Mailing List Drop down animation $(document).ready(function() { $('div#top_mailing_hidden').hide(); // Expand Panel $("input#top_mailing").focus(function(){ $("div#top_mailing_hidden").sl...

How to create a drop-shadow around the template like artisteer does?

I'm new to the CSS thing; learned it yesterday (really) and I did some templates since then, I'm evolving quite fast, but there is one thing I can't quite get. How do you make a drop shadow around parts of the template without destroing the layout or having to deal with new problems. I have created a CSS/HTML template that has a glass ...

Css trick to conjoin divs.

Is there a way we could conjoin three divs together? Hello <div class="mainContainer"> <div class="LeftDiv"></div> <div class="CenterDiv"> <input id="txtTest" type="text"/> </div> <div class="RightDiv"></div> </div> World! what we need here is to present the code this way: Hello<*LeftDiv*><*CenterDiv with the ...

Suckerfish dropdown omitted in IE7

Using suckerfish dropdown here: http://tilwellpetroleum.com/ Client is not seeing the dropdowns (hover over "About Us") in IE7 Vista. I am not able to reproduce the issue on my end. I know CSS pretty well but I am stumped. any advice? ...

Center on anchored image after jump?

When I jump to an anchor tag in on a wide (4000px) page, the anchored image is horizontally aligned to the right. How can I get it to align to the center? I have tried several things but none seem to work. Since I am new here I am not allowed to post the code, so I hope I was clear enough. Thanks for your help, Robert C. ...

CSS for formatting pagination links

Hello, Below is the generated HTML for some pagination links, and also the CSS that is applied to it. For Page 1, the links appear to be 940 px from the top of the screen, which is what I want. However, when I click on a page besides page 1, the links appear to be 1880 px below the top of the screen. I would like the links to always ...

CSS Rendering List Items in 2 rows

Let's say I have a series of elements designed to render via float:left inside a fixed-width container as follows: Item 1 | Item 2 | Item 3 | Item 4 | Item 5 | Item 6 This is fine, Item 5 and Item 6 are pushed to the second row because the container has a fixed width. Now, is it possible to have something similar to above, except th...

How to load CSS on SSL pages?

I am using relative paths to my CSS document, but on the SSL pages the document will not load. Navigating back to the non-SSL pages brings SSL back. How to I overcome this? ...

How to center a Div across all Monitors/Resolutions/Browsers?

Hello All, I have created my own light box, the problem is that it shows centered on my monitor but not on wider monitors or bigger resolutions. What is the best way to center a div across all resolutions/monitors/browers? ...

can we use rowspan and colspan in displaytag?

i have to create a table, whose structure is like this |--------------------------------| |col1|col2| col3 |col4| | | | col3.1 | col3.2 | | |----|----|--------|--------|----| |----|----|--------|--------|----| Is it possible to create such structure using display tag? ...

Blue lines around images within links in IE6

Why do I get a blue line around my images when they're links in IE6? Is there a quick CSS trick to get rid of them? ...

How to middle vertical align a radio button against an image in html?

I have multiple image of 100x100. I ask the user to choose one of them by putting an radio button before each of them. This is the code : <div> <input type="radio" name="pic" value="1"/><img src="pic01.jpg"/><br/> <input type="radio" name="pic" value="2"/><img src="pic02.jpg"/><br/> .... and so on... But the problem is that ...

Getting a <td>'s height and a <p>'s font size with JavaScript

How can I get and set a <td>'s height and a <p>'s CSS property font-size with JavaScript? ...

Equal height colums by 960.gs framework

Is there any css/layout way we can have equal height columns via 960.gs right now i have been using jquery equal height script Any other recommended solution ...

CSS 3 column - trying to understand IE6 bug fix

I am reading a CSS technique which is nicely documented at http://www.alistapart.com/articles/holygrail/ It shows how to create a fluid central column with two fixed width sidebars. I am pretty clear on how the technique works but I am not sure which issue/bug this section of the CSS is attempting to fix (labelled IE6 fix). /* IE6 Fix...

What is the best to learn next to aply extra functionality to CMS templates

I've learned CSS and HTML, what should I learn next if my goal is to create templates for joomla and worpress? ajax? php? js? I poked around and haven't found a question that is alike so I posted this one thank you in advance! ...

I find a solution for css detector

I have a html object element which is retrieved by document.getElementById() Is there any way to find out what styles are applied to this element? Not just class name set in CSS attribute. What I need is similar to the style inspect feature of FireBug (FF Addons). Is this possibly done with JavaScript? ...

display: inline-block extra margin

EDIT From what I've found there is no way to remove the margin... except if you either have everything on the same line or, add comments to comment out the line breaks. example: <div>Some Text</div><!-- --><div>Some Text</div> not the best solution but still easier to read if you have multiple lines... -mike Hello! I'm working wit...

HTML table row height

HTML & CSS Question: I'm trying to confine my table row to one line only (5 mm height, 30 mm length). But it should stay that size, even if it doesn't fit in this space (because else i get problems with the gradient background image size - looking horible). How can I do that? //GRS/Standorte/G08 Zürich Schindlerstrasse/Stando...