Avatar billede micos Nybegynder
29. november 2005 - 15:24 Der er 9 kommentarer

hjælp til oscommerce centrering af shop mm.

Hej,

Har 2 spørgsmål.

1.Hvordan kan jeg lave en ramme på varegrupper, nyheder, hurtig søg, anmeldelser etc. ???  med farver, har ikke rigtig kunne finde det i stylesheet.css
-> www.alarmbasen.dk/ramme.JPG

2.Hvordan er det man laver center shoppen smallere, se evt. www.alarmbasen.dk - der er nok mange som bruger en lav opsløsning..

Håber der er folk herinde som kan hjælpe..
Avatar billede fennec Nybegynder
29. november 2005 - 15:54 #1
En ramme laves med:
border:1px solid red;
Avatar billede micos Nybegynder
29. november 2005 - 16:09 #2
Ved du hvor jeg skal skrive det henne ?
Avatar billede fennec Nybegynder
29. november 2005 - 16:31 #3
Du kan skrive det direkte på tabellerne:

<table border="0" width="100%" cellspacing="0" cellpadding="0" style="border:1px solid red;">
  <tr>
    <td with="100%" height="14" class="infoBoxHeading">Anmeldelser</td>
  </tr>
</table>

Du kan også skrive det i dit CSS:
table{border:1px solid red;}

Men det er nok bedst at bruge en CSS-class i stedet for på alle tabeller:
.tableBorder{border:1px solid red;}

<table class="tableBorder" border="0" width="100%" cellspacing="0" cellpadding="0">
Avatar billede micos Nybegynder
29. november 2005 - 20:39 #4
Hej fennec,

Har kigget på det og forsøgt at ændre det, mend det hjalp ikke rigtig på det..
Nedenfor har du hele min stylesheet.css - håber du kan vise hvad jeg præcis skal tilføje..

Du får selvfølgelig 200p hvis du kan hjælpe med dette problem..

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

z/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Portions Copyright (c) 2003 osCommerce
  Portions Copyright (c) 2005 www.alarmbasen.dk

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; } /* grøn farve - redigering af adresee..*/



BODY {
    background: #303030; /*baggrundsfarve*/
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position: top;
    margin: 30px;
    }

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

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

FORM {
    display: inline;
}

TR.header {
  background: #ffffff; /* - 26/11.2005*/
}

TR.headerNavigation {
  background: #FF6600;
}


TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FF6600;
  color: #ffffff;  /* pil til forside mm. - 26.11.2005*/
  font-weight : bold;

/*
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #CC9900;
  color: #ffffff;
  font-weight : bold;
  height: 26px;
*/

}
A.headerNavigation {
  color: #FFFFFF;

}
A.headerNavigation:hover {
  color: #ffffff; /* . - 26.11.2005*/
  text-decoration: underline;
}

TR.headerError {
  background: #FF6600;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #FF6600;
  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: #FF6600; /*#bbc3d3;*/
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FF6600;
  color: #ffffff;
  font-weight : bold;
}

.infoBox {
  background: #FF6600;
}

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

}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #FF6600;
  font-variant: bold;
  color: #ffffff; /*font farve på varegrupper,nyheder etc. - 26.11*/
  border-bottom: 1px solid #909090; /* RETTET 11.38 - "skygge" i rammerne(1.484848)*/


/*a.infoBoxHeadingLink {
    color: #ffffff;
}

a.infoBoxHeadingLink:hover {
    color: #ffffff;
    text-decoration: underline;
*/
}


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

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: 1px;
  border-style: solid;
  border-color: #FF6600;
  border-spacing: 1px;


}

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

}

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


A.pageResults {
  color: #0000FF;
}

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


/*

}

A.productListing-heading {
  padding-top: 8px;
  background: transparent;
*/
}

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

TR.subBar {
  background: #f4f7fd; /*- 26.11*/
}

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.5;
}

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;
}

TABLE.formArea {
  background: #f1f9fe; /* - 26.11*/
  border-color: #7b9ebd; /* - 26.11*/
  border-style: solid;
  border-width: 1px;
}

/*til at centrere shoppen..*/
.fixcenter {
width: 850px;
border: solid; border-width: 0px;
background: #ffffff;
color: #ffffff; 
margin: auto;
margin-top: 3px;
text-align: left;
}


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

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;
}
/* www.alarmbasen.dk */
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.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; }

/* 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 - www.alarmbasen.dk */

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


.outline {
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-color: #000000; /**/
    background: #ffffff;
}
--------------------------------
Avatar billede fennec Nybegynder
30. november 2005 - 08:31 #5
Tilføj dette til CSS'et:
.tableBorder{border:1px solid red;}

Og giv de tabeller der skal have en ramme den samme klasse:
<table class="tableBorder" ...

Tryk lige F5 et par gange (så den reloader siden), da den ikke altid får hentet det nye CSS.

Du har desuden en masse fejl i din kode. Der er f.eks placeret en masse 2 taller rundt omkring. Det er altid en god ide at validere sine sider, da der så er størrer sandsynlighed for at de virker optimalt:
http://validator.w3.org/check?uri=http%3A%2F%2Falarmbasen.dk%2Fcatalog%2F
Avatar billede micos Nybegynder
30. november 2005 - 13:52 #6
kan du prøve at indsætte det i koden ?
Avatar billede fennec Nybegynder
30. november 2005 - 14:16 #7
Smid stylet sidst i CSS'et.
...
.outline {
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-color: #000000; /**/
    background: #ffffff;
}
.tableBorder{border:1px solid red;}

Og smid så classen på dine tabeller (i dette tilfælde "Anmeldelser" boksen):

<table class="tableBorder" border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td with="100%" height="14" class="infoBoxHeading">Anmeldelser</td>
  </tr>
</table>
<table class="tableBorder" border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText">Der er i øjeblikket ingen anmeldelser!</td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
    </td>
  </tr>
</table>

Det er ikke så svært :o)
Avatar billede micos Nybegynder
30. november 2005 - 16:25 #8
har forsøgt at indsætte det, det løste ikke problemet. Af hvad jeg kan se er der intet der hedder "anmeldelser" i CSS filen.

-------


.outline {
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-color: #000000;
    background: #ffffff;
   
    }
.tableBorder{border:1px solid red;}

<table class="tableBorder" border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td with="100%" height="14" class="infoBoxHeading">Anmeldelser</td>
  </tr>
</table>
<table class="tableBorder" border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
  <tr>
    <td class="boxText">Der er i øjeblikket ingen anmeldelser!</td>
  </tr>
  <tr>
    <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
  </tr>
</table>
    </td>
  </tr>
</table>
Avatar billede fennec Nybegynder
01. december 2005 - 08:23 #9
Du har en CSS fil (stylesheet.css). Det ENESTE der skal tilføjes i den er:
.tableBorder{border:1px solid red;}

Resten af ændringerne skal laves i dine php filer. Der skal du have fundet alle de <table> tags som skal have en ramme på. Find f.eks det sted hvor HTML koden til "Anmeldelser" står, og ændre den til det jeg skrev (koden står i en/flere af dine php filer).
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester