css

How is Google's buckyball doodle implemented?

I've had a look at the markup it creates, namely a bunch of images for the atoms, and a big background image, which is used rather strangely to create the bonds. There are some things that I can't work out: Where the javascript is What makes the bonds at the rear narrower Why the atoms also have the bond background applied ...

some simple style changes needed

I need my menu items to be aligned to the center without the use of padding ... It currently lies like this .. I need the text to be center aligned like this . The code that I have used is : <div style="float:left; width:931px; background:url(images/cbw_consulting_07_1.jpg) repeat-x; height:39px;"> <ul style="float:left; width:931p...

Use Rails' CSS stylesheet for other CMS or sites

When a CSS is called from a browser, Rails combined all CSS files into one: all.css?random-section-id-number (e.g. all.css?2342568659756352) Each time it expires, the number changes. I am sharing this CSS file with Wordpress, and I want Wordpress to call the same CSS so that it reduces the HTTP request. But if I put all.css, it will ...

max-width and max-height for scaling images in Internet Explorer

Hi all, I'm in the process of creating a gallery which displays several formats of images (wide, square and tall) in a fixed space. The ideal solution would be to have all the images to be the same dimensions, but this cannot be achieved. I'm using a combination of max-width and max-height to ensure that images scale properly to the l...

How do I put 3 borders in one line using CSS?

Possible Duplicate: How to display 3 boxes in the same line? Hi, I need to put three borders in one line to showcase something. I am able to put two using th float:left and margin-left tag but the third one appears in the next line. How do I do it? Thanks. ...

Issue with video z-index on Windows browsers

Having an issue with overlaying a png on a vimeo video, seem to have it working on all mac browsers but Firefox, Internet Explorer etc. on Windows seem to ignore it and place it behind. This is the site example, it's the black 'Download Reel' button: http://www.warface.co.uk/clients/detail-shoppe Many thanks HTML <div class="video-bl...

HTML Table Cells - Hiding One Cell

Hi, I have a html table that I have setup in a 3 rows by 2 column formation. So basically have 6 cells that are currently being displayed to the suer. My question is an unsure how to do, is that I only want to use 5 cells only visible to the user so would like to somehow remove cell position (3,2), so that it doesn't show any borders a...

how to make the tabs just like the one in stackoverflow

Hi! How do i make that effect with the tabs (i.e. the tabbed 'active', 'featured', 'hot', 'week', 'month') using just html and css? i tried copying the css but it didn't work. can anyone help or lead me to a tutorial just like this? thanks! ...

How to change width to fill the remaining space (CSS)

Take a look : Result should be ...

html/css issue.. full width background without scroll

I have been struggling with this for the past hour and I was wondering if any of you had any thoughts on this.. A client needs a nice big background image on the site. I cannot used this image as a background for the body or any div because I don't want it to be cropped horizontally. If the browser's width is smaller, the background sho...

Is it possible to have auto margins when you have position:absolute?

I'm having an issue where a div is not butting up to the very top of the page. I tried to solve this by adding position:absolute; top:0px; which put it at the top like I wanted but it also went to the left of the page. I want it to be centered in the page which works if I use auto left and right margins without position:absolute. I...

Div wider than browser without browser scrolling.

I'm working on a layout where the main content div will have a with of 970px. Behind this div, I want a div with dimensions 1200x600px (it will contain a flash object) positioned like so: width:1200px; height:600px; position:absolute; left:50%; margin-left:-600px; The problem is when the browser is sized to a width smaller than 1200px...

Remove all CSS rules

Is there a way to wipe out all CSS rules once style sheets have already been loaded? I have to use a proprietary JavaScript library (ESRI's ArcGIS Server API) which is built on top of Dojo. I make extensive use of Dojo's widgets and would like to use Dojo's claro theme but unfortunately the ESRI library mungs up the CSS by loading in of...

Fluid width Son of Suckerfish dropdown menus

For CSS dropdown menus, I usually stick with the Son of Suckerfish dropdowns. The technique works extremely well, but there's one small thing that's always bothered me: the width of the dropdown links is always fixed. Are there any ways to automatically resize the width of the items in a Suckerfish dropdown menu? If not, are there an...

CSS - What is the meaning of * rules here

Hello all, I see the following rules on a webpage: * { margin: 0px; padding: 0px; border: 0px; } Based on my knowledge, the webpage wants the IE browser to reset the margin/padding/border as 0 to avoid some potential problems. If this rule is useful, why I don't see this rule shown on popular website, such as yahoo, goo...

Why elements move when i hovered on anything (Only With IE6)

Take a look : http://www.youtube.com/watch?v=uSmqTdQK3Tk http://www.faressoft.org/BlueCristalTheme/ ...

Styling jQuery Scale Effect

I have a quick question regarding the scale effect... I have a crude animation I am trying to accomplish. I have a quick fadeIn and then list elements scaling and fading out on the screen: jQuery("#page_content").fadeOut(2000, function() { jQuery("#intro_animation").slideDown(2500, function () { var delay_duration = 10; ...

Why isn't z-index working as I'd expect it to here?

A requirement for a current project of mine involves "highlighting" an HTML element in the context of a page. That is, I need to provide some sort of visual effect that decreases the brightness of the surrounding page while leaving the element at full brightness. To achieve this, I'm trying the following approach: Determining the high...

CSS styles are completely missing when retrieved from server, why?

Hi all: Have to say I really don't understand how come this could happen: I've done some code in html, css and a little bit of javascript, nothing fancy, and just uploaded to two host servers, one to my commercial hosting, the other to uni server. The funny thing is my commercial server renders exactly as what I can see on localhost,...

can we increase the font size in html?

How can we increase the font size in html? <font face="Garamond" size="7"> up to this size only it is working. Is there any way to increase the size of the font? ...