|
CSS - Are You Familiar With Niftycorners2?
Hi all!
I was wondering if anyone is familiar with niftyCorners? The reason I ask is because I can get my webpage to work fine in all browsers (except IE, of course) with the niftyCorners JavaScript and CSS. But, I don't understand what niftyCorners is doing to cause IE to break. If I remove the link to the JavaScript file then it works (without the rounded corners), everything is very square and sharp again. But, it works. If anyone knows how the niftyCorners impacts on CSS layout then I would appreciate the pointer. Thank you. P.S. Page validates as HTML 4.01 Strict & CSS is valid too (both of them). Similar TutorialsI have some CSS code that was generated form a myspace layout site. I'm not too familiar with using CSS, and it all looks pretty good with the exception of one issue I'd like to change. The CSS code makes the "Sections" somewhat transparent. Which I want, however, it also adds the main picture (which is my default pic of me) as transparent as well, which I don't want. I'd like to exclude just the picture from being transparent. Does anyone know how to alter the code to exclude that? Here is the code that I am using. Any help is much appreciated. Code:
<style>
body {
background-color: rgb(0, 0, 0);
background-image: url(http://img243.imageshack.us/img253/9007/jd2pv4.jpg);
background-position: left center;
background-repeat: no-repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width: 1px;
border-color: rgb(255, 255, 255);
border-style: dotted;
background-color: transparent;
}
table table table td {
background-color: rgb(0, 0, 0);
filter:alpha(opacity=75%);
-moz-opacity:0.75;
opacity:0.75;
-khtml-opacity:0.75;
}
table table table table td {
filter:none;
}</style>
<style>
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Tahoma;
font-size: 11px;
color: rgb(255, 255, 255);
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Georgia;
font-size: 24px;
color: rgb(255, 255, 255);
font-weight: bold;
font-style: italic;
text-decoration: underline;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Georgia;
font-size: 17px;
color: rgb(255, 255, 255);
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(212, 0, 0);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(212, 0, 0);
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>
|
|||||||