Right now my navigation looks like this: There is huge spaces at the ends of it, and I don't really know how to take it out. CSS: nav { background: #282828 url(../images/nav-bg.png) repeat-x; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; margin: 24px auto; padding: 18px 29px; width: ...
I'm trying to center the entire link and i'm struggling for a solution. I'm using a simple sliding door style for my link and I'd like it to be center. Here's a demo you can interact with: http://jsbin.com/ibidu3 <style> a.btn_blue { background:url("http://img291.imageshack.us/img291/2600/btnblueleft.gif") no-repeat scroll left to...
I am trying to deploy our images to a cdn. Currently the css has relative paths to images on our site. These paths will need to support the CDN image location. Does anyone have advice on how I can do this? Or if anyone has a good tutorial on deploying to a CDN. ...
My nav looks like this: <a href="index.html" class="nav">Home</a> <a href="about.html" class="nav">About</a> <a href="#" class="nav">Services</a> <a href="contact.html" class="nav">Contact</a> On index.html I briefly mention the two services offered and include a "read more" link for each one. It looks like this: <div style="width:46...
Hi guys, please help me with the website heading here. Please look at my picture below: I have no idea why it is like that. I just use simple css and it became like that and similar as the buttom. The same thing happens as the bottom part of the page. Please help!Not sure why it's like that. ...
i am trying to understand how you can do something like this site where the pictures show through the top menu. is this done through css ? ...
Hello, Is it possible with CSS to adjust kerning in CSS? I'd like to be able to kern a block of text such that it will actually look like a block of text (both left and right edges are aligned). Thanks! ...
I searched and found no solution to spacing out a series of lis for a list style menu. I realized CSS alone can't do it so I added some javascript (jQuery). I didn't want the same widths for each LI, I wanted even padding with no leftover space. If anyone can take this concept and simplify my awful javascript or offer alternatives please...
Given this markup: <ul class="grafiek"> <li class="first-child">item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li class="last-child">item</li> </ul> How do I make it appear, cross-browser, like so: In other words: the last item (with the fake pseudo-class last-child) should always stretch...
Page I'm working with is: http://cloudninetech.com/newsite/site/homepage.html Notice the tab slider at the bottom. I wish to make the headings text white when the current tab is selected. I'm not able to do this because I think the color can only be changed by modifying the tabbedContent.js jQuery plugin Can someone suggest a way to ...
Hi, I'm trying to display a number of images in an absolutely positioned div. The div has text-align set to center, which nicely puts the images in the center. I then added a margin-left rule with the adjacent sibling selector for the images, to give them a bit of space, but not messing up all the centering goodness. Images are static i...
I have an iframe on my index.html and this iframe is dynamic. on my index.html I have a form, which when submitted, shows the results inside the iframe. The problem is the Iframes height also has to be dynamic for the website to look "clean". So in the Iframes php page, I have this code: <body onload="parent.resize_iframe(document.bo...
Is there a way to create paginated content (display separated pages horizontally/vertically) using css 'paged media' features? ...
I have a table in html with some tabular data. The thing is that I have designed a delete and edit visually link outside the table (on the left side of the table), that will only be visible when the user hovers the table row. How can I add these links without messing up the default table layout? The current problem is that I need to ...
when using django, compressor, and clevercss, i set my css url to an absolute path. clevercss is then passed the path of the .ccss file without the COMPRESS_ROOT prefixed (the absolute path). when i set my css url to a relative path, clevercss processes the ccss files, but the browser then correctly looks for relatively placed css files ...
Hi, I have applied * {-moz-user-select: none;} to the main stylesheet, because there are more unselectable elements than those that are selectable. I then tried to set -moz-user-select: auto; to an input, but it does not work. I have also tried the value of text and all, both do not work. Also it seems that user-select does not work in...
Hi, on my website, I got a couple of images linking to various services. Today, I wanted to add the service-name under the image. The name is already in the title-attribute of the anchor-tag, so I thought this should be easy. I tried it like this: a[title]:after{ content:"\A" attr(title); font-size:10px; text-decoration: underline; ...
I want to have a HR like background image. a 2 pixel wide gif file. I looked into styling the HR tag, but too much browser issues.. Used a 2px high div with the image as bg, but in IE6, there is a padding I can not seem to get rid of. Any suggestions welcome! CSS: .hr { margin: 0; padding: 0; height: 2px; background-image:...
Wetware Error It was a typo - there were 2 different css files with similar names and I was linking to one on one site and another on the other Apologies from a muppet :( Closed I have the following line in an html head section: <link rel="stylesheet" href="http://files.hypernumbers.com/redesign/frontpage.css"> When I view this...
Until now, when I had one line with example previous --- page width --- next I used a container div with 2 children, styled float:left & float:right I am think it could be done from one paragraph line with span's maybe something like: <p><span class="s-left">previous</span><span class="s-right">next</span></p> I tried CSS with: sp...