css

How can I horizontally center navigation menu?

I'd like to center the navigation bar but I'm not sure which part of the code is problematic. <div align="center"><ul id="nav" class="dropdown dropdown-horizontal"><li class="hover"><a href="http://nunezmarcusstudio.com/wordpress"&gt;HOME&lt;/a&gt;&lt;/li&gt; <li><a name="blank">PORTFOLIOS</a> <ul> ...

CSS question: # sign

Some css selector has # in front of it, what does that mean? ...

CSS: How do you line up 4 divs, but the last one spans 2 lines?

In my code below, how do I get the the text in the class="author" to right align underneath the text in class="label"? In the example below, the "e" in "Author name" should right align underneath the ":' in "Answered by:". Thanks. <html> <head> <style type="text/css"> .action { display: inline; } ...

What are the implications of using "!important" in CSS?

Hi, I've been working on a premade packaged shopping cart website for a few months, and a lot of times when I've been trying to edit something, I have to use something like for example div.myDiv { width: 400px !important; } To make it display as expected. Is this bad practice? Or is the !important command perfectly legal? Can this ca...

CSS Debugging Tools for IE

Hello All... Recently have implemented lot of pages with different css classes for my web application. Now the application looks perfect in Mozilla/Chrome/Safari. But when I am running my app in IE 7 or 8, all the pages are becomes massed-up everywhere, with issues of margin, color, overflowing etc of css. So, I have try out some of t...

jQuery UI Slider and handle-modification

I use the standard jQueryUI slider and want to change the appearance of the handle. I changed the CSS to .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 40px; height: 10px; cursor: default; border: 0; background-color: #c6c7c8; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display...

put include in the body

Hi, I have in any page in the head an include to php page. in that php there are some sql and some divs. my problem is that because of the divs, all my layout is damaged.(it's automatically put the divs before the wrapper div). if i put the include in the body- everything is ok. (because i put it after the <div id=wrapper>) so i have 2...

Pure CSS drop down menu issue in IE 6 and 7

Hey Guys, I've seen a few hints on StackOverflow but cant really see a solution to my specific problem. I have a pure css menu with dropdowns, in IE8 and FF it works great, but compatibility mode for IE7 and IE6 it doesnt work. The thing is, it does drop down - but then when the mouse goes over the main website banner below, which has ...

Can't get rid of dotted outline in Firefox links?

Hey. I have a list full of a imgs: <ul> <li><a href="#"><img src="test.png" /></a</li> <li><a href="#"><img src="test.png" /></a</li> <li><a href="#"><img src="test.png" /></a</li> (...) </ul> When I click them in Firefox, there's dotted outline (who the heck invented that and why? so ugly!). I want to get rid of them, but style "ou...

Jquery toggle not working

hi there. i am trying to get jquery to hide this div and for some reason it is not working what am i doing wrong http://stat-me.com/jq.html <!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=...

How to show a region on a image with CSS

Hi I have a 125x250 image and I need to just display a 125x125 region of it. Can I do this via CSS? How? Thank you ...

Input validation check

In my website I have a forum, and I want to avoid cross site scripting. Do you know a good input validation script? ...

Submit image border in Safari and Chrome?

I have a submit image button: <input id="sbutton" type="image" value="&nbsp;" /> Styled like that: #sbutton { text-indent: -99999px; border: 0; background-image: url('submit.png'); width: 201px; height: 37px; } It works perfect in Opera in Firefox the button size is about 10x10px (wtf? :)) and in Safari...

JSF - How can I format my global messages in <h:messages> in a visually appealing way?

I'm not too familiar with using the <h:messages> element in JSF. What I'm trying to do is use it to display a list of global messages of varying severity that are generated by a method in my backing bean. Getting the messages into the FacesContext isn't too much of a problem, and my code is along these lines: FacesMessage message; Faces...

Hiding content onLoad with jCarousel for jQuery

I've got an issue where I'm pulling in 36 images into a list, and then displaying them in an image carousel (using jcarousel) They are not huge in size, maybe 12-15kb each, but for about 1-2 seconds on the page load they all display vertically down the page. Here is the link: http://se.mbs.co (this is a test site, so some of the HTML n...

Chrome and Safari add 'border line' to img with css fixed height and width

I have a small problem with rendering a img tag with an associated with a class. I've recreated the issue with a simple html page. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Test for image problem</title> </head> <body> <style> .image { float: left; cursor: pointer; height:15px...

CSS positioning

I have some HTML codes like <div id="top" style="height: 50px"></div> <div id="bottom" style="height: 50px"></div> <div id="content">Here goes some text</div> I want the middle div (#bottom) to be positioned on top of the div (#top) and while doing so, the #content div should automatically move up by 50px. If i code like <div id="...

:focus on ie6 with csshover3.htc

i try to use csshover3.htc on ie6 for input:focus but fail. Does :focus work on ie6 with csshover3.htc workaround? ...

Catalogue Design

Hey, Please have a look at http://live.heritageartpapers.co.uk/catalogue.aspx and advise me on the following: Currently customers are getting confused (judging by the one who clicking the same link 20 odd times yesterday) because each level of product is pretty much the same. I would like to differentiate each level of product. However...

jQuery Pugin or CSS3

Once you’ve taken the leap to start using the jQuery library (or another JS library of your choice) for many “simple” tasks you are faced with the dilemma of 3 development approaches: use the CSS3 use a mixture of CSS3 and jQuery i.e. add a class defined in CSS using jQuery use a jQuery plugin where available – which usually intellig...