Algemene support omtrent algemene gebruik- en installatieproblemen.
|
zwart lijntje onder side/ table balk
|
| ivoht |
Geplaatst op 08 January 2009, 22:45
|
Licentie betaald
Berichten: 255
Lid sinds: 21 Dec 2008, 14:45
|
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?
/* 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;
} |
| |
|
|
|
|
|
| Jelle |
Geplaatst op 09 January 2009, 10:59
|
Veteraan
Berichten: 576
Lid sinds: 31 Oct 2008, 22:37
|
Ook hier kan je met een screenshot laten zien wat je bedoeld.
Het klinkt overigens als een gewoon border-line van je panels.
|
| |
|
|
| ivoht |
Geplaatst op 09 January 2009, 11:41
|
Licentie betaald
Berichten: 255
Lid sinds: 21 Dec 2008, 14:45
|
dit is ook te zien op http://test.cvdewuif.nl/red-line.jpg
zwart lijntje onder de balk met text; 3 kolommen |
| |
|
|
| stevendc |
Geplaatst op 09 January 2009, 13:35
|
Lid
Berichten: 127
Lid sinds: 15 Nov 2008, 15:14
|
Kijk eens in je images map naar "side.gif" en "cap.gif" of daar geen zwart lijntje in staat.
MVG |
| |
|
|
| Jelle |
Geplaatst op 09 January 2009, 15:28
|
Veteraan
Berichten: 576
Lid sinds: 31 Oct 2008, 22:37
|
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.
|
| |
|
|
| ivoht |
Geplaatst op 09 January 2009, 15:35
|
Licentie betaald
Berichten: 255
Lid sinds: 21 Dec 2008, 14:45
|
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 |
| |
|
|
| Jelle |
Geplaatst op 09 January 2009, 21:59
|
Veteraan
Berichten: 576
Lid sinds: 31 Oct 2008, 22:37
|
.capmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
[b]background-color: [color=#ff0000]#000000;[/color][/b]
background-image: url(images/cap.gif);
background-repeat: repeat-x;
padding: 6px 4px 6px 4px;
}
.capmain-left {
width: 3px;
height: 25px;
[b]background-color: [color=#ff0000]#000000;[/color][/b]
background-image: url(images/cap-left.gif);
}
.capmain-right {
width: 3px;
height: 25px;
[b]background-color: [color=#ff0000]#000000;[/color][/b]
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.
|
| |
|
|
| ivoht |
Geplaatst op 09 January 2009, 23:00
|
Licentie betaald
Berichten: 255
Lid sinds: 21 Dec 2008, 14:45
|
niks helaas.... |
| |
|
