css

how can i avoid a blue line show up when i click on a link

i have a website and when i click on a link, i get this blue border around the link just during the time i am clicking it. When the new page loads, that highlighting is gone. Here is an example screenshot how it looks right when i click on the link. How can i stop this from happening? ...

looking for best horizontal web menu & why would you use images?

i am looking for good looking horizontal menu for my web page. I keep looking at other sites and i noticed that a lot of them use images for the menu. This seems like a real pain to maintain (a separate image for each menu item). Why would anyone bother with this approach? is it just to get certain fonts that might not be on the machi...

Missing images in print preview

I have an html page, where some images are generated dynamically based on some input text boxes (using javascript). When i am seeing its print preview those images are missing even i can see those images. Whats needed to show those images? which at start are not the part of html content when page loads. ...

alpha border inside image

I'm trying to create a border inside an image instead of outside of the image. I want to do this because I would like to put some alpha value on the border so that i can see the image through the border. I tried placing a div a few pixels smaller than the image around the image and then setting "overflow:none". The border is now ins...

Do values in CSS attribute selector values need to be quoted?

e.g.: a[href="val"] Does "val" need to have quotes around it? Single or double are acceptable? What about for integers? ...

working with active and hover links in css?

i have this li list , but i want to know how to have the current page link have a background of white,(li:active) css: #layout-three-liquid2 #section-navigation ul { margin: 0; padding: 0; } #layout-three-liquid2 #section-navigation ul li { margin: 0 0 0em; padding: 0; list-style-type: none; } #layout-three-liquid2...

css height 100%

Why is the second div height not 100px? Now it is very long... <div style = "height: 300px;"> <div style = "height: 300px; background-color: #000;"> <div style = "height: 200px;"> First div </div> <div style = "height: 100%; background-color: #336699;"> Seconf div </...

css and jquery current links navigation problem?

i have this jquery code that retrieves external content using ajax, without refereshing the page, and i also have a navigation links that has the different background color when user is on the current page. the jquery code: function loadPage(url) //the function that loads pages via AJAX { url=url.replace('#page',''); //strip th...

Ruby + Nokogiri: Expand all class="..." attributes to style="..."

Hi. I'm parsing forum threads with Nokogiri and putting them on RSS feed (forum itself doesn't have RSS or any other kind of news feeds), the problem I've encountered is following: elements are styled with CSS classes and via selectors in forums style file included in the page, I can't include it into news feed so I want to replace all...

Altering background, depending on column height.

Hello. I am having trouble in coming up with a good idea on how to do this layout. Click for the image. So basically there are 2 columns. Left and right. Both columns are separated into the upper part and lower part (upper part is the same height in both columns). The upper part has a semi-opaque background image, through which one can ...

simple website for an organization

I don't have a technical background but I needed to make a website for a non-profit organisation that I volunteer in. So it will be a simple website with a basic front page with all the latest news and events for the organization. There will be a page about the organisation and its members, a gallery section, a section for articles, some...

Anchoring an item in place for vertical scrolling but not horizontal

I have a menu that is contained in a div with the class float. float is given below: .float { display:block; position:fixed; top: 20px; left: 0px; z-index: 1999999999; } * html .float {position:absolute;} The above css class makes it so that the menu stays in place regardless of how the user scrolls (the *html is for internet explor...

css sidebar should scroll vertically when content overflows

Hi How do I need to modify this example so that if the its content is longer (in height) than the sidebar, then the sidebar shows the vertical scrollbar? Thanks ...

CSS combinator precedence?

Is there a precedence to combinators like a > b ~ c d (Note the space between c and d is the descendant combinator) Or is it just read left-to-right, like ((a > b) ~ c) d ? ...

How to align <td> with digits inside to the right, jQuery

Hi there, i have a table(s) with different dynamic-generated content inside. How can i do that all with only numbers inside will have text-align to the right? Well, i know how to add css to some element, the question is how to get only tds with digits Thank you! ...

jquery animated scrolling on x and y axis.

I am trying to use jquery to do an animated scroll from one div to another. I am halfway there but can't seem to get it to scroll on both axis. I have called the scrollto plugin and am open to using that. Here is the site live and the code: http://littleboxcreative.com/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt...

HTML / CSS - Styling <b> or <i> tags instead of <span>

Hi I was just wondering if it's a good idea to do this. For example if you want to create round-cornered tabs using CSS, you would need a structure like this: <li> <a href="..."> <span> Tab </span> </a> </li> ... then you put the left tab corner background on the link tag and the right one the span (maybe it's a bad example, because ...

hyperlinking a list item?

i know this might seem straightforward, but i can't solve it, im trying to make the whole list item linkable, rather than just the word home the html code: <a href="#page1"><li class="current">Home</li></a> p.s. when you hover the li, background color changes, so i want that whole list item to be hyperlinked, if you get what i mean, ...

Basic CSS question

In CSS, how do I achieve the following layout? xxxxxxxxxxxxxR1xxxxxxxxxxxxx xxxxxxxxxxxxxR1xxxxxxxxxxxxx xxxxxxxxxxxxxR1xxxxxxxxxxxxx xR2.1x xxxxxxxxxR2.1xxxxxx xR2.1x xxxxxxxxxR2.2xxxxxx xR2.1x xxxxxxxxxR2.2xxxxxx xxxxxxxxxxxxxR3xxxxxxxxxxxxx xxxxxxxxxxxxxR3xxxxxxxxxxxxx xxxxxxxxxxxxxR3xxxxxxxxxxxxx R2.1 is an image that I wa...

Internet Explorer CSS Issue

So I'm attempting to figure out where my cross-compatibility issue is - From what I can tell, Firefox and Safari have been working great, however Internet Explorer (surprise?) has been giving me tons of issues. Take a look at the site below: https://secure.promptpass.com/index.php?clinic=1 For some reason, the background image is over...