Plötzliche Graue Streifen XTC Shop? Kann jemand helfen?

Hallo,

bin dabei meine Shop zu realisieren und komme auch ganz gut voran. Ich habe soeben einige Textänderungen in der lag_german.config vorgenommen und nun folgendes Problem:

Um die Textteile auf den Seiten sind graue Streifen. Wie bekomme ich die weg bzw. wo liegt das Problem??? Bin ratlos. Ein zurückspielen der backup datei hat keine änderung gebracht.

Würde mich über Antworten freuen.

Ach so, noch mal zur Ansicht: http://www.soundcity-berlin.de/xtcommerce

PS: Auf der Startseite sind sie nicht zu sehen, aber wenn man einen Artikel anklickt ist der graue Strich zw. Bild und Artikelbeschreibung, die grauen linien sind auch beim bestellvorgang immer wieder vorhanden, meistens um den Text.

Danke, Rob

pinales

Tach!

Die Artikelanzeige im Shop wird scheinbar durch eine Tabelle angezeigt. Bei den "grauen Streifen" scheint es sich schlicht um einen Tabellenrahmen zu handeln.

Im Quelltext der Seite http://www.soundcity-berlin.de/xtcommerce/shopping_cart.php hab ich beispielsweise diese Tabelle entdeckt:

Code

<table width="100%">

Diese (und andere) müsste um border=0 ergänzt werden. Besser wäre natürlich, das Problem ganz grundsätzlich (also via CSS) zu lösen:

Code

table {
border : 0;
...
}

Vielen Dank erst mal für Deine Antwort. Das kuriose ist nur das es vorher okay war und ich an den tabellen nichts verändert habe. Habe jetzt die stylesheet.css verändert hat allerdings nichts gebracht....

Ich frage mich wo ich halt diese tabellen zentral ändern kann.

rob

pinales

Tach!

Kannst Du die stylesheet.css nicht mal hier posten?

Gerne, evtl kannst du den Fehler ja finden, würde mich sehr freuen:

___________

/* -----------------------------------------------------------------------------------------
$Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

XT-Commerce - community made shopping
http://www.xt-commerce.com

Copyright (c) 2004 XT-Commerce
-----------------------------------------------------------------------------------------
based on:
(c) 2000-2001 The Exchange Project (earlier name of osCommerce)
(c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); http://www.oscommerce.com
(c) 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13); http://www.nextcommerce.org

Released under the GNU General Public License
---------------------------------------------------------------------------------------*/

.boxText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;

}

.boxTextBG {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background-color: #00000;
}
.boxTextBGII {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background-color: #FFCC99;
}
.boxTextPrice {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #FF0000;
}

.errorBox {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
font-weight: bold;
background-color: #ffb3b5;
}
.gvBox {
font-family : Verdana, Arial, sans-serif;
font-size : 14px;
font-weight: bold;
border-color: #FFFFFF;
border: 1px solid;
background-color: #ffb3b5;
}
.stockWarning {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #cc0033;
}

.productsNotifications {
background-color: #f2fff7;
}

.orderEdit {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #70d250;
text-decoration: underline;
}

BODY {
color: #000000;
margin: 0px;
background-color: #FCDF63;
}

img{
border:0;
}

A {
color: #000000;
text-decoration: none;
}

A:hover {
color: #0000ff;
text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
background-color: #ffffff;
}

TR.headerNavigation {
background: #F6F6F6;
}

TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight : bold;
border-bottom: 1px solid;
border-color: #b6b7cb;
background-color: #F6F6F6;
}

A.headerNavigation {
color: #;
}

A.headerNavigation:hover {
color: #000000;
}

TD.conditions {
background-color: #FFCCCC;
}

A.confirmationEdit {
color: #009933;
font-style: italic;
}
A.confirmationEdit:hover {
color: #009933;
font-style: italic;
text-decoration: underline;
}
TR.headerError {
background-color: #ff0000;
}

TR.headerMessage {
background-color: #00CC33;
}

.moduleHeading {
font-family: Verdana, Arial, sans-serif;
font-size: small;
font-weight: bold;
padding-bottom: 10px;
}

TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}

TR.headerInfo {
background: #00ff00;
}

TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}

TR.footer {
background: #bbc3d3;
}

TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #F6F6F6;
color: #000000;
font-weight : bold;
border-bottom: 1px solid;
border-color: #b6b7cb;
}

.infoBox {
}

.infoBoxContents {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

.infoBoxNotice {
background: #FF8E90;
}

.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
background: #3F4179;
height:17px;
color: #ffffff;
}

TD.infoBoxHeading_right {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
background: #3f4179;
height:17px;
color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border-right: 4px solid;
background: #E6E6E6;
border-color: #666666;
}

TD.infoBox_right, SPAN.infoBox_right {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #E6E6E6;

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: #f8f8f9;
}

TABLE.productListing {
border: 0;
border-style: solid;
border-color: #fcdf63;
border-spacing: 1px;
}

.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #b6b7cb;
color: #FFFFFF;
font-weight: bold;
}

TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

A.pageResults {
color: #0000FF;
text-decoration: underline;
}

A.pageResults:hover {
color: #0000FF;
background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000000;
}

TR.subBar {
background: #;
}

TD.subBar {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}

TD.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1;
}

TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.accountCategory {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}

TD.fieldKey {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

TD.fieldValue {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

TD.tableHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

SPAN.newItemInCart {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}

TEXTAREA {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}

SPAN.greetUser {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}

SPAN.underline {
text-decoration: underline;
}

TABLE.formArea {
background: #f1f1f1;
border-color: #cccccc;
border-style: solid;
border-width: 1px;
}

TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

.copyright {
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
line-height: 1;
text-align:center;
}
.parseTime {
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
line-height: 1.5;
text-align:center;
}
A.copyright {
color: #cccccc;
}
A.copyright:hover {
color: #cccccc;
text-decoration: underline;
}

SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}

SPAN.productSpecialPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
SPAN.productOldPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
text-decoration: line-through;
}
SPAN.errorText {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}

SPAN.productDiscountPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
font-weight: bold;
}

.smallHeading {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
color: Black;
}

.moduleRow {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
background-color: #E6E6E6;
border: 1px solid;
border-color: #E6E6E6;

}
.moduleRowOver {
background-color: #D7E9F7;
border: 1px solid;
border-color: #ffffff;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;

}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF;
background-color: #666666;
padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.tableShop {
background-color: #ffffff;
border-left: 0px solid;
border-right: 0px solid;
border-color: #;
}

.navLeft {
border-right: 1px solid;
border-color: #fcdf63;
background-image: url(img/);
width: 185px;
}
.navRight {
border-color: #666666;
border-top-width: 4px;
border-top-style: solid;
border-left-width: 4px;
border-left-style: solid;
background-color: #E6E6E6;
width: 185px;
}

.contentsTopics {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
}

.tableListingI {
background-color: #eeeeee;
}

.tableListingII {
background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
}
.onepxwidth {
width: 1px;
}

pinales

Tach!

So wie ich das sehe, wird das Aussehen der betreffende Tabellenzelle durch die Klasse "td.main" vorgegeben. In der CSS-Datei sind dort jedoch nur allgemeine Definitionen zu finden (die den Rahmen nicht verursachen):

Code

TD.main, P.main { 
font-family: Verdana, Arial, sans-serif; 
font-size: 11px; 
line-height: 1; 
}

Die Zellen wurden allerdings (seltsamer Weise) im Code mit einer zusätzlichen CSS-Definition beglückt:

Code

<table width="100%" border="0" cellspacing="0" cellpadding="3">
  <tr> 
    <td class="main" ***style="border-bottom: 1px solid;*** border-color: #cccccc;"></td>

Diese "border-bottoms" müssten aus meiner Sicht im Code entfernt werden. (´Kann zur echten Aufgabe werden, weil nahezu jede Zelle diesen "manuellen" Rahmen besitzt ...). Wenn - wie hier - ohnehin bereits eine Klasse zugeordnet wurde, wäre es ohnehin sinnvoller, alle betreffenden Einstellungen in der CSS-Datei vorzunehmen (dann müsste die Einstellung nun nur einmal geändert werden...

Bevor Du nun wild um dich löschst: Denk´ bitte daran, alle Dateien VORHER zu sichern (unter anderem Namen speichern)

Nein hat leider nichts gebracht. Habe auch cache geleert aber keine änderung. Es ist zum verzweifeln....

pinales

Tach!

Was hat nichts gebracht? Was hast Du denn nun unternommen? Hast Du alle "border-bottoms" aus dem Code entfernt?

Ja, es waren ja nur zwei, die CSS sieht jetzt so aus:

----------------------------------

/* -----------------------------------------------------------------------------------------
$Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

XT-Commerce - community made shopping
http://www.xt-commerce.com

Copyright (c) 2004 XT-Commerce
-----------------------------------------------------------------------------------------
based on:
(c) 2000-2001 The Exchange Project (earlier name of osCommerce)
(c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); http://www.oscommerce.com
(c) 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13); http://www.nextcommerce.org

Released under the GNU General Public License
---------------------------------------------------------------------------------------*/

.boxText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;

}

.boxTextBG {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background-color: #00000;
}
.boxTextBGII {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background-color: #FFCC99;
}
.boxTextPrice {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #FF0000;
}

.errorBox {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
font-weight: bold;
background-color: #ffb3b5;
}
.gvBox {
font-family : Verdana, Arial, sans-serif;
font-size : 14px;
font-weight: bold;
border-color: #FFFFFF;
border: 1px solid;
background-color: #ffb3b5;
}
.stockWarning {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #cc0033;
}

.productsNotifications {
background-color: #f2fff7;
}

.orderEdit {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #70d250;
text-decoration: underline;
}

BODY {
color: #000000;
margin: 0px;
background-color: #FCDF63;
}

img{
border:0;
}

A {
color: #000000;
text-decoration: none;
}

A:hover {
color: #0000ff;
text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
background-color: #ffffff;
}

TR.headerNavigation {
background: #F6F6F6;
}

TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight : bold;
border-color: #b6b7cb;
background-color: #F6F6F6;
}

A.headerNavigation {
color: #;
}

A.headerNavigation:hover {
color: #000000;
}

TD.conditions {
background-color: #FFCCCC;
}

A.confirmationEdit {
color: #009933;
font-style: italic;
}
A.confirmationEdit:hover {
color: #009933;
font-style: italic;
text-decoration: underline;
}
TR.headerError {
background-color: #ff0000;
}

TR.headerMessage {
background-color: #00CC33;
}

.moduleHeading {
font-family: Verdana, Arial, sans-serif;
font-size: small;
font-weight: bold;
padding-bottom: 10px;
}

TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}

TR.headerInfo {
background: #00ff00;
}

TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}

TR.footer {
background: #bbc3d3;
}

TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #F6F6F6;
color: #000000;
font-weight : bold;
border-color: #b6b7cb;
}