css

Should I use HTML 5 <nav> for footer links also, which are not primary navigation?

Sould I use HTML 5 <nav> for footer links also, which are not primary navigation? or it should be once in a page? ...

Firefox 3.6 for Mac font problem (picks wrong font)

I have the following problem with Firefox 3.6 on Mac. Windows and older versions of FF work perfect. The body is defined like this: body {color:#000;font:normal 12px/16px "Cambria", Times, Times New Roman, Georgia, serif;background:#fff} But my h1, h2 and some other tags (sometimes a list item is in the right font, sometimes it isn'...

can't get rid of the horizontal scrollbar on my site

here is the live link I have horizontal scrollbar which doesn't really makes sense. Does anyone know how to get rid of it? ...

How to override font-size (em) in this condition?

I don't want to edit p {font-size:1.3em; padding-bottom:15px;} and can't add page specific external css files. only for one page of site I want to remove font size from p {font-size:1.3em; padding-bottom:15px;} and want to add in this #mainIntro {font-size:1.3em;} How to make this possible? The questions is how to neutralize the fo...

GWT / CSS Positioning html Elements

Hi, i have the following problem, let's say i have a html element (input field) inside a paragraph. And this input field gets the style text-align: right inherited. When i ask for the offSetLength like this in gwt: Document.get().getElementById("elementId").getOffsetLeft(); i always get 0 back. Obviously the style which moved the inp...

Centering block menu `<li>` elements in a `<div>`

This should be an easy one - I'm just missing something simple, I'm sure. I have a header and want a nested, centered horizontal menu. #header { background:url(images/headers/header.gif); margin: 0 auto; height: 207px; width: 100%; } /* =Menu -------------------------------------------------------------- */ #access { ...

GridView - using CSS-Friendly Control Adapters removes EmptyDataTemplate and EmptyDataText

As pointed out in the question: EmptyDataTemplate and EmptyDataText not working in GridView using CSS-Friendly Control Adapters removes the data that would would be populated by EmptyDataTemplate or specified in EmptyDataText in GridView. One of the solutions is to disable the addapters for GridView components as specified in this a...

<col class="slick"> does not apply class to the columns of a table

My understanding of col is that it may be used to indicate a class for all the elements in a table's column. This doesn't seem to be working for me though. I can apply the class to individual td's, but I want col to help me avoid this. Here is the html head: <head> <style type="text/css"> .slick { background-color:#b0c4de; /*This ...

Pure CSS3 rotateY flip with two sides

Hey all, So I was playing around with CSS3 and HTML5 on my page trying to keep up to date. I was playing with the rotateY setting of the new CSS transform and I was wondering if there was a way to flip something over that it has two different sides but using only CSS and HTML. I searched the Internet and didn't find any tutorials. Anyw...

Why do some of my table cells have more padding than others?

So I made a neat little photo gallery here at - http://schnell.dreamhosters.com/wallpapers.php Feel free to look around and take some of the wallpapers if you like, that's what it's there for. Anyways, the problem I'm having is that if you look very closely at the columns, the first and last ones have different amounts of padding from ...

Safari and Chrome CSS positioning z-index issue (works in Firefox)

I have an issue that only seems to affect Safari and Chrome (aka WebKit). I have an overlay that fills the whole screen, and two table rows that I would like to appear on top of the overlay. Everything else on the page should be displayed below the overlay. The problem is that Safari only displays one of the table rows on top. Firefox c...

CSS and/or jQuery to add little clickable image to multiple select list

I have a select list with multiple rows, and I want it to have a small X image at the end of each row so it deletes that row. Any idea how I can do that through CSS or jQuery or something?? Thanks ...

Problem with a :hover event in ie7

I have a map with several divs positioned absolutely on the page. Each div has a background image which contains the normal state and the hover state in one file. When the user mouses over the div, the background image is supposed to shift up 25 pixels. In ie7, the background image shifts up 25 pixels, but it also shifts to the right abo...

how does Google append search parameters to url without reloading page?

How does Google append search parameters to url without reloading page? Does anyone know how they do it? I know about the HASH trick and the webkit pushState function. I don't think they are using either. Their solution is cross browser compatible, do they use a combination of different methods for each browser? ...

twitter style updates

How to create this effect where it looks like a newly inserted update shows up at the top of the stack and pushed the rest down? This is how it is done at the twitter home page. Update. In case this isn't clear, I am trying to understand the whole effect of how the uipdates section is animated and updated with the smooth scrolling effe...

css expanding based on portrait or landscape screen size ??

I have two divs that are floating next to each other. What i would like is to have it have a width of 100px when you are looking at it in portrait mode and lets say 200 px in landscape. This happens viewing on a mobile device actually. So the div will expand when in landscape mode and shrink up a bit in portrait. Any ideas? ...

css not class select?

Theres a mistake in my rather large demo where i assume all the divs under the class special will be used to align something. Now i realize i need to add an extra div outside of the part i want to align but inside of .special. How do i write .special div[NOT someclass] ? or is there no way to do this and i need to rewrite a lot of html?...

javascript click event question

Hi, I have a question below is a list with the anchor links now when the links are clicked I dont want the browser to go to that web page instead I want the browser to stay on the current page and display the list in an alert box to the user. I know this can be done with javascript maybe with the onclick event on the list item and displ...

how to fix site for IE7

I am having tough time finding out what CSS property to change to get my page working in IE7. Page is here It works fine in Firefox, Chrome, IE8 but not in IE7 (maybe IE6) as well. Notice that navigation menu goes up and #header that contains logo shrinks to a small size... /hate IE/ ...

How to style a div to fill the entire contents of a table cell?

I am trying to style the divs to fill the entire contents of the table cell. That means that the background color should fill the height of the table cell. How can I get the div to fill the height of the table cell? <style> body { background-color: #ccc; } table, tr, td { border: 2px solid #00f; } td > div { background-color...