Beste mensen ik heb een probleempje.
Ik ben is bezig geweest met me style.css en nu kan ik het niet meer vinden. Hoe ik twee vakjes op de index als je bent ingelogd recht te krijgen. Ik heb hier bij een plaatje en me style.css zou er iemand mijn kunne vertellen waar ik die twee vakjes kan vinden het valt namelijk meteen op. Het zit hem in het nieuws gedeelte.
Alvast allemaal bedankt groeten van richard sip :cheer:
afbeelding groot zien druk hier naast. http://juwtlpsm.thirteen.versio.nl/voorbeeld.bmp
PHP
body {
background: #000;
text-align: center;
}
label {
width: 62%;
text-align: left;
float: left;
}
#container {
text-align: left;
margin: 0 auto;
width: 880px;
}
a:link {
color: #dddddd;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #dddddd;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;
}
.onderwerp {
background: #063;
color: #0C3;
padding: 4px 6px;
font-weight: bold;
border-bottom: 1px solid #090;
margin-top: 10px;
margin-left: 10px;
}
#header {
background: url(images/7.gif) no-repeat;
width: 875px;
height: 150px;
}
#status {
background: url(images/status.gif) no-repeat;
width: 245px;
height: 205px;
position: absolute;
margin-left: 628px;
margin-top: 2px;
padding-top: 20px;
padding-left: 20px;
font: bold 15px Arial;
color: #101010;
}
#status table {
font: 11px Arial;
color: #090;
float: left;
}
#navbar_end_left {
width: 15px;
height: 55px;
float: left;
margin-top: 5px;
}
#navbar_mid {
margin: 0;
padding: 0;
background: url(images/navbar_mid.gif) repeat-x;
width: 845px;
height: 55px;
float: left;
margin-top: 5px;
}
#navbar_mid li {
display: inline;
}
#navbar_mid li a {
padding: 15px 10px 0px 10px;
font: bold 13px Verdana, Helvetica, Tahoma;
text-decoration: none;
color: #99CC99;
display: block;
float: left;
outline: none;
height: 40px;
}
#navbar_mid li a:hover {
background: url(images/navbar_mid_active.gif) repeat-x;
}
#navbar_end_right {
width: 15px;
height: 55px;
float: left;
margin-top: 5px;
}
a.tab {
padding-left: 5px;
padding-right: 5px;
border: solid 1px #D8FEE1;
font: 11px;
font-family: Arial;
border-width: 1px;
outline: none;
}
a.tab_active {
padding-left: 5px;
padding-right: 5px;
border: solid 1px #D8FEE1;
font: 11px;
font-family: Arial;
color: #FFF;
background-color: #000;
border-width: 1px;
outline: none;
}
a.tab:hover,a.tab_active:hover {
border: solid 1px #80FF9C;
text-decoration:none;
}
#column_container {
float: left;
width: 210px;
margin-top: 10px;
}
#column_dark_content_top {
width: 210px;
padding-top: 15px;
margin-top: 10px;
}
#column_dark_content {
}
#column_dark_content_bottom {
width: 215px;
height: 15px;
}
#menu_head {
background: url(images/menu_head.gif) no-repeat;
width: 205px;
height: 30px;
margin-left: 2px;
padding-top: 5px;
padding-left: 10px;
font: bold 12px Arial;
}
#menu_content {
background: url(images/menucontent.gif) repeat-y;
padding-top: 5px;
width: 209px;
margin-left: 2px;
}
#menu_content ul {
padding: 0;
margin: 0;
padding-left: 2px;
padding-right: 4px;
}
#menu_content ul li {
display: inline;
}
#menu_content ul li a {
padding-left: 10px;
color: #fff;
text-decoration: none;
display: block;
font: 11px Arial;
outline: none;
}
#menu_content ul li a:hover {
background: url(images/menu_li_a.jpg) repeat-x;
color: #080;
font color: #070;
height: 20px;
}
#menu_content_bottom {
background: url(images/menucontent_bottom.gif) repeat-y;
width: 209px;
height: 10px;
margin-left: 2px;
}
#content_container {
float: left;
width: 440px;
margin-left: 10px;
margin-right: 10px;
}
#content_top {
background: url(images/content_top.gif) no-repeat;
width: 440px;
height: 15px;
margin-top: 20px;
float: left;
}
#content {
background: url(images/content_bottom.gif) no-repeat;
width: 425px;
word-wrap: break-word;
font: 11px Arial;
color: #693;
margin-top: -5px;
padding-left: 10px;
padding-right: 5px;
padding-top: 5px;
float: left;
}
#content_bottom {
background: url(images/content_bottom.gif) no-repeat;
width: 440px;
height: 15px;
float: left;
}
h1.titel {
font: bold 13px Verdana, Helvetica, Tahoma;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
div.dark {
background: #000;
border-color:#060;
border:groove;
width: 400px;
margin-left: 5px;
margin-top: 10px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
color: #bababa;
}
div.warningbar {
background:#000 ;
border-color:#060;
border:groove;
width: 400px;
height: 45px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
font: bold 12px Verdana, Helvetica, Tahoma;
margin-top: 10px;
}
div.warningbar span.dark {
color: #090;
}
div.warningbar a {
color: #ffffff;
text-decoration: none;
}
div.warningbar a:hover {
color: #eeeeee;
text-decoration: underline;
}
div.footer {
font: bold 11px Verdana, Helvetica, Tahoma;
color: #fff;
text-align: center;
margin-top: 5px;
margin-bottom: 15px;
}
.quotetitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #090;
color: #090;
background-color: #000;
font-size: 11px;
font-weight: bold;
}
.quotetitle .quotetitle {
font-size: 1em;
}
.quotecontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #7a7a7a;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 11px;
line-height: 1.4em;
font-family: Arial;
background-color: #ffffff;
color: #090;
}
table {
color: #ffffff;
font: 11px Arial;
}
td.start {
border-bottom: #f5f5f5 solid 1px;
font: bold 11px Arial;
color: #d4d4d4;
}
td.list {
border-bottom: #878787 solid 1px;
font: 11px Arial;
color: #ffffff;
}
td.shop {
border-bottom: #878787 solid 1px;
padding-top: 10px;
padding-bottom: 10px;
}
td.shop_end {
padding-top: 10px;
}
textarea.textarea {
background: #ECFBEA;
border: #0C0 solid 1px;
font: 11px Arial;
scrollbar-arrow-color: #a4a4a4;
scrollbar-face-color: #cdcdcd;
scrollbar-highlight-color: #f1f1f1;
scrollbar-3dlight-color: #e7e7e7;
scrollbar-shadow-color: #949494;
scrollbar-darkshadow-color: #cfcfcf;
scrollbar-track-color: #ededed;
}
input.input {
background: #ECFBEA;
height: 20px;
font: 11px Arial;
border: #090 solid 1px;
}
select.input {
background: #CFC;
height: 20px;
font: 11px Arial;
}
.submit {
background: url(images/input.jpg) repeat-x;
height: 20px;
font: 11px Arial;
border: #060 solid 1px;
}
Toon Meer