http://www.naomisalsi.com/
I have used html and body attributes to have a gradient background and a flower background for the above site.
i have also used a div to have the bottom ... |
I am looking at the navigation bar on Linkedin.
http://www.linkedin.com/
#nav-primary {
background:url("http://static02.linkedin.com/scds/common/u/img/sprite/sprite_global_v3.png") no-repeat scroll 0 -320px transparent;
}
#nav-primary .wrapper {
background:url("http://static02.linkedin.com/scds/common/u/img/sprite/sprite_global_v3.png") no-repeat scroll 0 -510px transparent;
height:39px;
...
|
How to create a rounded corner background box using CSS?
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
.connection {
cursor:pointer;
display:block;
height:80px;
position:absolute;
width:50px;
}
.ui-widget-content {
color:#FFFFFF;
}
.ui-corner-all {
-moz-border-radius:6px 6px 6px 6px;
}
.ui-widget-content {
background:url("images/ui-bg_inset-soft_25_000000_1x100.png") repeat-x scroll 50% bottom ...
|
It's a known bug that -moz-border-radius doesnt work on images in firefox. What's a way to get this functionality without resorting to putting the image as a background on a rounded ... |
I need rounded corner with background image for or on IE6 and above
I have tried
1. DD_roundies
2. pie.htc
3. google rounded-corners
any suggestions?
Thanks
|
How can I create a div with rounded corners and transparent backgrounds? A bit like twitter does. So that at the edge of the corners you can see the page background ... |
|
I want to have a page that has lines from one corner of the viewport to the other, both diagonals, that stretch infinitely.
Is that possible?
Thank you.
|
Here's me fiddle:
http://jsfiddle.net/6yU6N/10/
I want to work some CSS magic on the table header:
- Rounded corners in upper left and upper right
- Gradient color background
- Gradient border
- Cross-browser compatibility
How can this all be done!?
... |
I came across a weird thing in IE9 trying to get a background gradient to display.
Basically I'm applying multiple classes to a container object.
<div class="gradient corners"></div>
Using this CSS.
.gradient {
background-color: #96A7C5;
background-image: -webkit-gradient(
linear,
left ...
|
I am currently making a website here. And to the right is a postcode search div. The top corner of that needs to be rounded.
I am using images to ... |
I've got some code that looks like this:
<div id="shell">
<div id="title">TITLE HERE</div>
<div id="content">Article Content Goes Here</div>
</div>
The shell div has a grey border that I ... |
Searching the web, it seemed the solution to my problem would be the CSS3 property border-image-outset. Since no browser implements this yet, I hope someone could help me with some other ... |
I have a table and one side of the table is an array of links. Currently I have a background color change on hover to make it appear as if ... |
I'm having a problem with IE, of course, and can't figure how to float li classes within a div that has a background image with rounded corners that span the width ... |
How can I create the following html/css style (rounded corners, basic background-color) highlighted in red box:
|
I have a 500x500 px image which is set as a background image on my website (as background-image of <body>) But I need this image to be located in a bottom ... |
I want to use CSS background-image property and add a text to every corner like I painted here
I don't have problems with top, but with bottom..
Please tell ... |
I'm having some troubles making buttons using multiple backgrounds. I know I can use :before and :after but I'd like to figure this out if possible.
Here is the Jsfiddle |