Css code correction
2 posters
Page 1 of 1
Css code correction
Can somone tell me what am i doing wrong with this css, its not coming of right
- Spoiler:
- #hdr {
background: #F7632F url('https://i.servimg.com/u/f38/13/08/16/29/header14.gif');
width: 100%;
height: 102px;
margin: 0;
padding: 0;
}
#hdr_rs {
background: url('https://i.servimg.com/u/f38/13/08/16/29/header12.gif');
width: 34px;
height: 102px;
float: right;
padding: 0;
}
#logo {
background: url('https://i.servimg.com/u/f38/13/08/16/29/header10.gif');
width: 197px;
height: 102px;
float: left;
margin: 0;
padding: 0;
}
#brd_in {
background: #EBEBE2;
border-left: 2px solid #F5F5F5;
border-right: 2px solid #F5F5F5;
}
#brd_outer {
border-left: 2px solid #B3B4B2;
border-right: 2px solid #B3B4B2;
}
#nav_back {
background: #F1F1DF url('https://i.servimg.com/u/f38/13/08/16/29/nav_ba10.gif');
width: 100%;
height: 33px;
margin: 0px;
padding: 0px;
text-align:center;
}
.h_nav {
color: #767663;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 10px 0px 0px 0px;
white-space: nowrap;
width:65px;
text-align: center;
float:left;
}
.navwrap {
width:365px;
}
.navdiv {
background: #F1F1DF url('https://i.servimg.com/u/f38/13/08/16/29/nav_di10.gif');
width:6px;
height:34px;
float:left;
}
.h_nav a:link {
color: #767663;
text-decoration: none;
}
.h_nav a:visited {
color: #767663;
text-decoration: none;
}
.h_nav a:hover, .h_nav a:active {
color: #6B6B50;
text-decoration: none;
}
#nav_btm {
background: url('https://i.servimg.com/u/f38/13/08/16/29/nav_bt10.gif');
width: 100%;
height: 10px;
margin: 0px;
padding: 0px;
}
#footer {
height: 47px;
background: #f7f7ea url('https://i.servimg.com/u/f38/13/08/16/29/footer10.gif');
}
#footer_ls {
width:52px;
float:left;
}
#footer_rs {
width:40px;
float:right;
}
.catmain {
background:url('');
width:100%;
height:35px;
}
.catls {
background:url('https://i.servimg.com/u/f38/13/08/16/29/cat_to10.gif');
width:16px;
height:35px;
float:left;
}
.cattext {
float:left;
font-size:11px;
font-weight:bold;
padding:11px 0px 0px 0px;
color: #8e4c08;
}
.cattext a:link { color: #8e4c08 }
.cattext a:visited { color: #8e4c08 }
.cattext a:hover { color: #b97025 }
.cattext a:active { color: #8e4c08 }
.catrs {
background:url('https://i.servimg.com/u/f38/13/08/16/29/footer11.gif');
width:34px;
height:35px;
float:right;
}
.catbtm {
background: #e6e6d8 url('https://i.servimg.com/u/f38/13/08/16/29/strip_10.gif') repeat-x top left;
height: 5px;
}
/* End eXtremepixels CSS */
/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #4d4d4d;
background: #DCDCB7 url('./images/bg.gif');
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 10px 0px 0px 0px;
}
#wrap {
width:765px;
text-align:left;
}
#wrapcentre {
margin: 15px 25px 0 25px;
}
#wrapfooter {
text-align: center;
clear: both;
margin: 15px 0px 15px 0px;
}
#wrapnav {
width: 100%;
margin: 0;
background-color: #ECECEC;
border-width: 1px;
border-style: solid;
border-color: #A9B8C2;
}
#logodesc {
margin-bottom: 5px;
padding: 5px 25px;
background: #D9DFE4;
border-bottom: 1px solid #4787A7;
}
#menubar {
margin: 15px 25px 0px 25px;
}
#datebar {
margin: 10px 25px 0 25px;
}
#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.forumrules {
background-color: #F9CC79;
border-width: 1px;
border-style: solid;
border-color: #BB9860;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
color: red;
}
#pageheader {
position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */
}
#pagecontent { }
#pagefooter { }
#poll { }
#postrow { }
#postdata { }
/* Text
--------------------- */
h1 {
color: black;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 120%;
}
h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}
h4 {
margin: 0;
font-size: 1.1em;
font-weight: bold;
}
p {
font-size: 1.1em;
}
p.moderators {
margin: 0;
float: left;
color: black;
font-weight: bold;
}
.rtl p.moderators {
float: right;
}
p.linkmcp {
margin: 0;
float: right;
white-space: nowrap;
}
.rtl p.linkmcp {
float: left;
}
p.breadcrumbs {
margin: 0;
float: left;
color: black;
font-weight: bold;
white-space: normal;
font-size: 1em;
}
.rtl p.breadcrumbs {
float: right;
}
p.datetime {
margin: 0;
float: right;
white-space: nowrap;
font-size: 1em;
}
.rtl p.datetime {
float: left;
}
p.searchbar {
padding: 2px 0;
white-space: nowrap;
margin-bottom:5px;
}
p.searchbarreg {
margin: 0;
float: right;
white-space: nowrap;
}
.rtl p.searchbarreg {
float: left;
}
p.forumdesc {
padding-bottom: 4px;
}
p.topicauthor {
margin: 1px 0;
}
p.topicdetails {
margin: 1px 0;
}
.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
margin: 1px 0;
color: red;
font-weight:bold;
}
.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: green;
font-weight:bold;
}
.postapprove img, .postreported img {
vertical-align: bottom;
}
.postauthor {
color: #000000;
}
.postdetails {
color: #000000;
}
.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}
.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}
.posthilit {
background-color: yellow;
}
.nav {
margin: 0;
color: black;
font-weight: bold;
}
.pagination {
padding: 4px;
color: black;
font-size: 1em;
font-weight: bold;
}
.cattitle {
}
.gen {
margin: 1px 1px;
font-size: 1.2em;
}
.genmed {
margin: 1px 1px;
font-size: 1.1em;
}
.gensmall {
margin: 1px 1px;
font-size: 1em;
}
.copyright {
color: #444;
font-weight: normal;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.titles {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}
a.titles:link { color: #5d5d5e }
a.titles:visited { color: #5d5d5e }
a.titles:hover { color: #99977e }
a.titles:active { color: #5d5d5e }
.error {
color: red;
}
/* Tables
------------ */
th {
height: 23px;
color: #848450;
font-size: 10px;
font-weight : bold;
background-color: #EBEBE2;
background-image: url('./images/strip_back.gif');
white-space: nowrap;
padding: 0px 10px 0px 10px;
}
td {
padding: 2px;
}
td.profile {
padding: 4px;
}
.tablebg {
background-color: #D9D9C2;
}
.catdiv {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background: white url('./images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}
.cat {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background-color: #C7D0D7;
background-image: url('https://i.servimg.com/u/f38/13/08/16/29/no_ava10.gif');
text-indent: 4px;
}
.row1 { background-color: #EAEADB; border-top: 1px #f5f5e7 solid; border-left: 1px #f5f5e7 solid; padding:4px }
.row2 { background-color: #EEEEE0; border-top: 1px #f5f5e7 solid; border-left: 1px #f5f5e7 solid; padding:4px }
.row3 { background-color: #EAEADB; border-top: 1px #f5f5e7 solid; border-left: 1px #f5f5e7 solid; padding:4px }
.spacer {
background-color: #D6D6C9;
}
hr {
height: 1px;
border-width: 0;
background-color: #D1D7DC;
color: #D1D7DC;
}
.legend {
text-align:center;
margin: 0 auto;
background: #D9D9C2;
}
/* Links
------------ */
a:link {
color: #5d5d5e;
}
a:active, a:visited {
color: #5d5d5e;
}
a:hover {
color: #99977e;
}
a.forumlink {
color: #5d5d5e;
font-weight: bold;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.2em;
}
a.forumlink:visited { color: #5d5d5e }
a.forumlink:hover { color: #99977e }
a.forumlink:active { color: #5d5d5e }
a.topictitle {
color: #5d5d5e;
margin: 1px 0;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.2em;
}
a.topictitle:visited { color: #5d5d5e }
a.topictitle:hover { color: #99977e }
a.topictitle:active { color: #5d5d5e }
th a,
th a:visited {
color: #5d5d5e !important;
text-decoration: none;
}
th a:hover {
color: #99977e;
text-decoration: underline;
}
/* Form Elements
------------ */
form {
margin: 0;
padding: 0;
border: 0;
}
input {
color: #333333;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #A9B8C2;
background-color: #FAFAFA;
}
textarea {
background-color: #FAFAFA;
color: #333333;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 2px;
}
select {
color: #333333;
background-color: #FAFAFA;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 1px;
}
option {
padding: 0 1em 0 0;
}
option.disabled-option {
color: graytext;
}
.rtl option {
padding: 0 0 0 1em;
}
input.radio {
border: none;
background-color: transparent;
}
.post {
background-color: white;
border-style: solid;
border-width: 1px;
font-size:13px;
}
.btnbbcode {
color: #000000;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
background-color: #EFEFEF;
border: 1px solid #666666;
}
.btnmain {
font-weight: normal;
background-color: #F5F5E7;
border: 1px #CACAA1 solid;
color: #4d4d4d;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnlite {
font-weight: normal;
background-color: #F5F5E7;
border: 1px #CACAA1 solid;
color: #4d4d4d;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnfile {
font-weight: normal;
background-color: #F5F5E7;
border: 1px #CACAA1 solid;
color: #4d4d4d;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.helpline {
background-color: #EEEEE0;
border-style: none;
}
/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #D9D9C2;
color: #333333;
background-color: #F5F5E7;
font-size: 0.85em;
font-weight: bold;
}
.quotetitle .quotetitle {
font-size: 1em;
}
.quotecontent, .attachcontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #D9D9C2;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: #FFFFFF;
color: #4B5C77;
}
.attachcontent {
font-size: 0.85em;
}
.codetitle {
margin: 10px 5px 0 5px;
padding: 2px 4px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #D9D9C2;
color: #333333;
background-color: #F5F5E7;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
}
.codecontent {
direction: ltr;
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #D9D9C2;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
color: #006600;
font-size: 0.85em;
font-family: Monaco, 'Courier New', monospace;
background-color: #FFFFFF;
}
.syntaxbg {
color: #FFFFFF;
}
.syntaxcomment {
color: #FF8000;
}
.syntaxdefault {
color: #0000BB;
}
.syntaxhtml {
color: #000000;
}
.syntaxkeyword {
color: #007700;
}
.syntaxstring {
color: #DD0000;
}
/* Private messages
------------------ */
.pm_marked_colour {
background-color: #000000;
}
.pm_replied_colour {
background-color: #A9B8C2;
}
.pm_friend_colour {
background-color: #007700;
}
.pm_foe_colour {
background-color: #DD0000;
}
/* Misc
------------ */
img {
border: none;
}
.sep {
color: black;
background-color: #FFA34F;
}
table.colortable td {
padding: 0;
}
pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}
.nowrap {
white-space: nowrap;
}
.username-coloured {
font-weight: bold;
}
RikaComet- Active Poster
- Posts : 1536
Reputation : 18
Language : English , Hindi , Arabic , Urdu, Japenese , Punjabi , German
Location : thing called Earth
Re: Css code correction
What? Tell us what is wrong in your page...
-=~Splytte~=-
-=~Splytte~=-
Splytte- Forumember
- Posts : 753
Reputation : 18
Language : French, English, Dutch, Spanish, German, Japanese, Chinese (Beginner).
Location : Belgium
RikaComet- Active Poster
- Posts : 1536
Reputation : 18
Language : English , Hindi , Arabic , Urdu, Japenese , Punjabi , German
Location : thing called Earth
Re: Css code correction
Well yes everything is bugged... You'd better start from the beginning
-=~Splytte~=-
-=~Splytte~=-
Splytte- Forumember
- Posts : 753
Reputation : 18
Language : French, English, Dutch, Spanish, German, Japanese, Chinese (Beginner).
Location : Belgium
Similar topics
» Punctuation correction
» hmm..,just a small correction...
» A couple problems ((correction made))
» Correction Required
» Correction of English in the product
» hmm..,just a small correction...
» A couple problems ((correction made))
» Correction Required
» Correction of English in the product
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum