Thread subject: pHpFusion Nederlands (BE|NL) » Ondersteuning, Themas, Infusies, Modificaties en Installatie :: zwart lijntje onder side/ table balk

Posted by ivoht on 08 januari 2009, 23:45
#1

Hallo,

op elke pagina heb ik onder de side / table balk een zwart lijnte lopen.

ik heb eens gezocht in de css , maar daar zit ie volgens mij niet in

iemand n idee waar ik t dan moet zoeken?

Code

/* Comment element properties */

a {
   color: #04688d;
   text-decoration: none;
}

a:hover {
   color: #04688d;
   text-decoration: underline;
}

a.side {
   color: #000000;
   text-decoration: none;
}

a:hover.side {
   color: #f6a504;
   text-decoration: underline;
}

a.white, li.white a {
   color: #fff;
   text-decoration: none;
}

a:hover.white, li.white a:hover {
   color: #fff;
   text-decoration: underline;
}

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000;
   background: #fff;
   margin: 5px;
    scrollbar-face-color: #752029;
   scrollbar-shadow-color: #ffffff;
   scrollbar-highlight-color: #ffffff;
   scrollbar-3dlight-color: #752029;
   scrollbar-darkshadow-color: #752029;
   scrollbar-track-color: #ffffff;
   scrollbar-arrow-color: #ffffff;
}
   
   

hr {
   height: 1px;
   border: 1px solid #eee;
}

hr.side-hr {
   height: 1px;
   border: 1px solid #eee;
}

td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

pre {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

.alt {
   color: #04688d;
}

.spacer {
   margin-bottom: 5px;
}

.admin-message {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-align: center;
   color: #000000;
   background-color: #f6f6f6;
   border: 1px solid #e1e1e1;
   padding: 3px 4px 5px 4px;
   margin-bottom: 5px;
}

/* Form element properties */

form {
   margin: 0px;
}

.button {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #fff;
   background-color: #f6a504;
   background-image: url(images/button.gif);
   height: 20px;
   border: 1px solid #000;
   margin-top: 2px;
}

.bbcode {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000;
   background-color: #eee;
   border: 1px solid #ccc;
   margin-top: 2px;
}

.textbox {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
   background-color: #f8f8f8;
   border: 1px solid #ccc;
}

/* Header and footer properties */

.sub-header {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #fff;
   background-color: #000000;
   background-image: url(images/subheader-mid.gif);
   padding: 7px 5px 8px 5px;
}

.sub-header-left {
   width: 3px;
   height: 28px;
   background-color: #000000;
   background-image: url(images/subheader-left.gif);
}

.sub-header-right {
   width: 3px;
   height: 28px;
   background-color: #000000;
   background-image: url(images/subheader-right.gif);
}

.sub-header ul{
   margin: 0;
   padding: 0;
}

.sub-header ul li{
   display: inline;
}

.sub-header ul li.first-link .bullet{
   display: none;
}

.full-header {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000;
   background-color: #fff;
   background-image: url(images/banner_bg.gif);
}

.main-footer {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
   background-color: #fff;
   padding: 5px;
}

.bottom-footer {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #fff;
   background-color: #000000;
   padding: 4px 4px 5px 4px;
}

.main-body {
   font-size: 11px;
   color: #000000;
   background-color: #fff;
   border: 0px solid #ddd;
   padding: 4px;
}

/* Side-Panel properties */


.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.side-border-left {
   color: #777;
   background-color: #fff;
   padding: 10px 10px 10px 0;
   width: 175px;
}

.side-border-right {
   color: #777;
   background-color: #fff;
   padding: 10px 0 10px 10px;
   width: 175px;
}

.scapmain {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
   color: #fff;
   background-color: #000000;
   background-image: url(images/side.gif);
  background-repeat: repeat-x;
   padding: 6px 4px 6px 4px;
}

.scapmain-left {
   width: 3px;
   height: 24px;
   background-color: #000000;
   background-image: url(images/side-left.gif);
}

.scapmain-right {
   width: 3px;
   height: 24px;
   background-color: #000000;
   background-image: url(images/side-right.gif);
}

.side-body {
   font-size: 10px;
   color: #000000;
   background-color: #fff;
   background-image: url(images/gradient.gif);
  background-repeat: repeat-x;
   border: 1px solid #ddd;
   padding: 4px;
}

/* Center-Panel properties */

.news-category {
   border: 0;
   margin: 3px 5px 0 0;
   float: left;
}

.news-footer {
   font-size: 10px;
   color: #000000;
   background-color: #f1f1f1;
   border-width: 0 1px 1px 1px;
   border-color: #ddd;
   border-style: solid;
   padding: 3px 4px 4px 4px;
}

.capmain {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #fff;
   background-color: #000000;
   background-image: url(images/cap.gif);
  background-repeat: repeat-x;
   padding: 6px 4px 6px 4px;
}

.capmain-left {
   width: 3px;
   height: 25px;
   background-color: #000000;
   background-image: url(images/cap-left.gif);
}

.capmain-right {
   width: 3px;
   height: 25px;
   background-color: #000000;
   background-image: url(images/cap-right.gif);
}

.main-bg {
   color: #000000;
   background-color: #fff;
   padding: 10px 0 5px 0;
}

/* General table properties */

.center {
   margin: 0 auto;
}

.tbl-border {
   border: 1px solid #e1e1e1;
}

.tbl {
   font-size: 11px;
   color: #000000;
   background-color: #fff;
   padding: 4px;
}

.tbl1 {
   font-size: 11px;
   color: #000000;
   background-color: #fff;
   padding: 4px;
}

.tbl2 {
   font-size: 11px;
   color: #000000;
   background-color: #f1f1f1;
   padding: 4px;
}

.forum-caption {
   font-size: 11px;
   font-weight: bold;
   color: #888;
   background-color: #f1f1f1;
   padding: 2px 4px 4px 4px;
}

.quote {
   font-size: 11px;
   color: #000000;
   background-color: #f8f8f8;
   padding: 4px;
   margin: 0px 20px 0px 20px;
   border: 1px solid #bbb;
}

.poll {
   height: 12px;
   border: 1px solid #bbb;
}

.comment-name {
   font-weight: bold;
   color: #04688d;
}

.shoutboxname {
   font-weight: bold;
   color: #04688d;
}

.shoutbox {
   color: #777;
}

.shoutboxdate {
   font-size: 10px;
   color: #888;
}

.small {
   font-size: 10px;
   font-weight: normal;
}

.small2 {
   font-size: 10px;
   font-weight: normal;
   color: #000000;
}

.side-small {
   font-size: 10px;
   font-weight: normal;
   color: #000000;
}

.side-label {
   color: #000000;
   background-color: #f1f1f1;
   margin: 2px 0 2px 0;
   padding: 2px 2px 3px 2px;
}

/* Vertical Navigation */

#navigation h2 {
   font-size: 10px;
   font-weight: normal;
   background-color: #f1f1f1;
   margin: 0;
   padding: 4px;
}
   
#navigation ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
   display: block;
   color: #000000
   padding: 2px;
   text-decoration: none;
}

#navigation a:hover {
   color: #fff;
   background-color: #f6a504;
}

/* Page Navigation */

.pagenav {
   padding: 4px;
}

.pagenav span {
   color: #fff;
   background-color: #f6a504;
   border: 1px solid #ddd;
   padding: 2px 4px 2px 4px;
   margin: 2px;
}

.pagenav a {
   color: #000000;
   background-color: #f1f1f1;
   border: 1px solid #ddd;
   padding: 2px 4px 2px 4px;
   margin: 2px;
   text-decoration: none;
}

.pagenav a:hover {
   color: #fff;
   background-color: #f6a504;
   margin: 2px;
   text-decoration: none;
}

table.awec_calendar th {      /* table head: dag van de week */
   font-size: 11px;
   font-weight: bold;
}
table.awec_calendar td.current {   /* vandaag */
   border: 2px solid #752029;
}
table.awec_calendar td.content {   /* dagen met evenementen */
   background-color: #752029;
   font-weight: bold;
}

Posted by Jelle on 09 januari 2009, 11:59
#2

Ook hier kan je met een screenshot laten zien wat je bedoeld.

Het klinkt overigens als een gewoon border-line van je panels.

Posted by ivoht on 09 januari 2009, 12:41
#3

dit is ook te zien op http://test.cvdewuif.nl/red-line.jpg

zwart lijntje onder de balk met text; 3 kolommen

Posted by stevendc on 09 januari 2009, 14:35
#4

Kijk eens in je images map naar "side.gif" en "cap.gif" of daar geen zwart lijntje in staat.

MVG

Posted by Jelle on 09 januari 2009, 16:28
#5

Ik denk dat ik het weet.

Volgens mij heb je in je style.css de achtergrond van de balkjes op zwart staan, oftewel #000000
Als de aangegeven hoogte van het balkje bijvoorbeeld 1 pixel groter is dan de image voor het balkje krijg je een zwart lijntje er onder.

De oplossing is dan dus simpel.
Of je maakt de 'background-color' de zelfde kleur als de afbeelding van je balkjes, of je past de hoogte aan zodat deze minimaal gelijk zijn aan de hoogte van de afbeelding van je balkjes.

Posted by ivoht on 09 januari 2009, 16:35
#6

mm dacht ik zelf ook al aan
had al eens eerder gezocht maar kan het niet vinden in bovenstaande css, of ik kijk er over heen... :s

Posted by Jelle on 09 januari 2009, 22:59
#7

Code

.capmain {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #fff;
   background-color: #000000;
   background-image: url(images/cap.gif);
  background-repeat: repeat-x;
   padding: 6px 4px 6px 4px;
}

.capmain-left {
   width: 3px;
   height: 25px;
   background-color: #000000;
   background-image: url(images/cap-left.gif);
}

.capmain-right {
   width: 3px;
   height: 25px;
   background-color: #000000;
   background-image: url(images/cap-right.gif);
}


Ze staan er toch heel erg duidelijk in.
Als je die en eventueel anderen die er nog in de CSS staan aanpast moet het denk ik goed zijn.

Posted by ivoht on 10 januari 2009, 00:00
#8

niks helaas....