15-10-2011, 21:43
|
|
|
|
חבר מתאריך: 09.12.06
הודעות: 2,994
|
|
עדכון + שאלות חדשות
טוב... התקדמתי, עשיתי את הבאר כ- relative ואת הכפתורים (כל אחד הוא אובייקט בשם עצמו) ממוקמים עליו כ- absolute. בדקתי בכרום והיה מעולה.
הדף לא עשה לי בעיות בכלל
בחלק התחתון, שהוא relative עשיתי שתי פסקאות אחת ליד השני, שוב, בכרום הכול היה טוב ויפה...
מה שקרה הוא שבדקתי את האתר בפיירפוקס, ופתאום הכפתורים ממוקמים ממש למטה, הרבה אחרי הבאר. השאר היה בסדר.
ובאקספלורר, והכפתורים היו ממוקמים בכלל בצד ימין, הרחיבו את הדף, ושתי הפסקאות שלמטה לא היו באותו גובה
יש למישהו רעיון למה זה קרה?
בעייה נוספת שקרתה לי היא ב- lightbox, התמונות נפתחות בתחתית העמוד ולא במרכז. גוגל לא הניב תשובות יעילות. מוכר למישהו?
קוד:
div#bar {
background-image: url(bar.jpg); height: 140px; width: 979px; border: none;
position: relative;
}
a#web { position: absolute; border: none; text-align: center; font-size: smaller; font-weight: bold;
font-family: sans-serif;
margin-top: 8%;
margin-left: 62%;
color: #676767;
}
a#digital { position: absolute; border: none; text-align: center; font-size: smaller; font-weight: bold;
margin-top: 8%;
margin-left: 73.5%;
}
a#logos { position: absolute; border: none; text-align: center; font-size: smaller; font-weight: bold;
margin-top: 8%;
margin-left: 85%;
}
קוד:
<div id= "bar" class="image"}
<a href= "index.html" id= "web">web design</a>
<a href= "digital.html" id= "digital"> digital art</a>
<a href= "logos.html" id= "logos"> logos</a>
</div>
|