עשיתי לכם PRINT SCREEN של הקוד, הסרתי ממנו כל מה שלא רלוונטי והעלתי.
בIE הכל נראה כמו שתיכננתי שזה יראה, אנא עזרו לי בלהתאים את הקוד.יש אפשרות של תצוגת מוצרים כגלריית תמונות, זה הקוד:
* בקוד אני מכניס רק מוצר אחד, למעשה צריך להיות ארבעה מוצרים.
div class="product" מייצג מוצר אחד, ועבור כל מוצר אני יוצר DIV כזה עם כל התוכן שלו כמו בתמונה.
http://www.rdy.co.il/rotter/productGallery.jpg
ככה זה נראה:
http://www.rdy.co.il/rotter/productGallery-preview.jpg
CSS
.product {
border: 1px solid #d1dbe4;
float: right;
width: 20%;
height: 142px;
background-image: url(../../../components/com_sells/images/galleryViewBG.jpg);
margin: 15px;
}
.product .Screenshot { margin-top: 15px;
border: 1px solid #a7b1bb;
background:#e2e3e8;
height: 76px;
width: 96px;
}
|
יש שורה של תמונות, זה הקוד:
* בקוד הכנסתי 2 תמונות ולמעשה בתמונה יש הרבה יותר.
http://www.rdy.co.il/rotter/topProduct.jpg
ככה זה נראה:
http://www.rdy.co.il/rotter/topProduct-preview.jpg
CSS
.galleryBorder {
border: 1px solid #5b6c73;
}.galleryOuterBorder {
border: 1px solid #a7b1bd;
background:#e3e4e9;
height: 74px;
width: 96px;
padding:3px;
}
|
גירסת הדפסה
סגן המנהל
מפקח
Winner
צל"ש
מומחה
