Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

ADDING BORDERS AROUND IMAGES


calexcyou

Recommended Posts

Hello,

Is there a way to add bordersarond images very simple? went through the archives and found a few ways, but was not very easy without backing up files, adding steps 1, and 2 and 3 and 4, wow, total confused.

help?

alex

Link to comment
Share on other sites

Use your stylesheet.css, inserting a new class like so

 

.nav {

border-color: 3472b8;

border-width: 1px;

border-style: solid;

padding: 1px 1px 1px 1px;

}

 

Leave out the padding if you don't want it, and change the colour and thickness to whatever you want. Then, when you want to show an image do it like this -

 

<td class=nav href="whatever.php"><img src="images/whatever.gif" border=0 alt=""></a></td>

 

Or, if you just want an image which isn't a link then -

 

<td class=nav><img src="images/whatever.gif" alt=""></td>

 

Vger

Link to comment
Share on other sites

Can you do this on the Product listing page - if so where would you do the edit.

 

Thanks

 

 

 

Use your stylesheet.css, inserting a new class like so

 

.nav {

  border-color: 3472b8;

  border-width: 1px;

  border-style: solid;

  padding: 1px 1px 1px 1px;

}

 

Leave out the padding if you don't want it, and change the colour and thickness to whatever you want.  Then, when you want to show an image do it like this -

 

<td class=nav href="whatever.php"><img src="images/whatever.gif" border=0 alt=""></a></td>

 

Or, if you just want an image which isn't a link then -

 

<td class=nav><img src="images/whatever.gif" alt=""></td>

 

Vger

Link to comment
Share on other sites

Don't use the default osCommerce setup myself, but I know that each part of osCommerce is pulled into the page via a <td> command within a table. You just have to find the one that applies to the product listing. Perhaps someone here who does use the default osCommerce setup would be able to point you in the right direction on that one.

 

But take a look at these entries in the stylesheet.css file. Back up your existing one first, and then play around with these.

 

TABLE.productListing {

border: 1px;

border-style: solid;

border-color: #000000;

border-spacing: 1px;

}

 

.productListing-heading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #000000;

color: #FFFFFF;

font-weight: bold;

}

 

TD.productListing-data {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

Vger

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...