שלום לחברי הפורום.

רציתי לשאול שאלה לגבי משהו שאני עובד עליו, שימו לב:
http://www.zeevm.co.il/wordpress/?page_id=3&category=3

יש לי פה 2 בעיות, הראשונה היא שהעגלת קניות עושה לי הרבה בעיות עם המיקום שלה, אם אני מסדר משהו בפיירפוקס באקספלורר 7 זה נראה מחורבש, ואם אני מסדר משהו בגוגל כרום זה נראה רע בפיירפוקס. כרגע העגלה נמצאת במקום של שלווה עם כל הדפדפנים, אבל אני מעוניין שהיא תהיה לצד הטבלאה ולא מעליה (שלא תקפיץ את הטבלאה למטה כשמתווסף מוצר).

זה ה CSS של העגלה- ותסלחו לי על חירבושים, זה תוצאה של הרבה ניסיון ותהייה:

div#shoppingcart{
float: left;
position:static;
width: 178px;
display: fixed;
margin: 0px 0px 0px 0px;
direction: rtl;
margin-top: -40px;
}



הבעיה השנייה היא אורך הטבלאה, היא עבה מידי ואני מעוניין שהיא תהיה סמוכה לביטויים.
אני הצמדתי את חלק מהביטויים לחלק העליון שלה בעזרת margin-top, ובחלק לא נגעתי ולכן הברירת מחדל שלהם היא להיות במרכז. אשמח לקבל פתרון בנושא בבקשה. אני מצרף חלק מהקוד PHP שמכיל גם את הטבלאה הגדולה וגם TD אחד.

תודה רבה לכם



<table style="border: 0px solid #000000; width: 550px; margin-top: 1px; height: 50px;">



<?php while (wpsc_have_products()) : wpsc_the_product(); ?>
<tr>



<td style="border: 1px solid #d0d0d0; height:25px; width: 100px; top: -20px; ">



<h2 class="prodtitles">
<?php if(get_option('hide_name_link') == 1) : ?>
<span><?php echo wpsc_the_product_title(); ?></span>
<?php else: ?>
<a class="wpsc_product_title" href="<?php echo wpsc_the_product_permalink(); ?>"><?php echo wpsc_the_product_title(); ?></a>
<?php endif; ?>

<?php echo wpsc_edit_the_product_link(); ?>
</h2>
<?php
do_action('wpsc_product_before_description', wpsc_the_product_id(), $wpsc_query->product);
do_action('wpsc_product_addons', wpsc_the_product_id());
?>


<div class='wpsc_description'><?php echo wpsc_the_product_description(); ?></div>
</td>

שלום רועי,

אני שמח שבסוף הצלחת לסדר את זה בשתי הדפדפנים. זו למעשה אחד החלקים הקשים בבניית אתר. ניתן להיעזר באתר quirksmode.org לשם כך.

בנוגע לבעיה הראשונה - אני לא רואה אותה קיימת כרגע. אולי עד עכשיו הספקת לסדר את זה שהטבלה תהיה ממוקמת בצד שמאל. (כפי שאני רואה עכשיו)

בנוגע לבעיה השנייה - כדי להגיע למצב הרצוי, עשיתי את הדברים הבאים:

1. הורדתי את ה-padding מקוד ה-CSS הבא:

קוד:

.post h2 {
border-bottom:0 solid #CCCCCC;
font-size:36px;
font-weight:normal;
padding:0 0 9px;
}

2. הורדתי את ה-padding גם מקוד ה-CSS הבא:

קוד:

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
padding:15px 0 0;
}

3. הורדתי את ה-line-height מקוד ה-CSS הבא:

קוד:

.entry {
line-height:24px;
}

אני מאמין שזה ייראה טוב יותר, כפי שרצית.

בנוגע למירכוז טקסט בתוך תא, יש בעזרת CSS להשתמש ב- text-align עם ערך של center, וב- vertical-align עם ערך של middle. יש להחיל שני כללים אלו על ה-td של הטבלה.
כדי למרכז אלמנט מסוג block, ראה כאן (באשכול ה-FAQ)

כדי שיהיה נוח לקרוא את הקוד מומלץ לתחום אותו בתגי CODE (שמיישר את טקסט הקוד לצד שמאל ובגופן כתב אחר)

תודה רבה לך על העזרה המושקעת....
אשמח לדבר איתך במסנג'ר במידה ויש לך..

שלי הוא
roycegrace@walla.co.il

תודה שוב