לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read();‎ חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
רענן עמוד זה CSS - מנסה לעצב לינק שיראה כמו כפתור פשוט עם תמונה
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
« לאשכול הקודם | לאשכול הבא »
 
כלי אשכול חפש באשכול זה



  #1  
ישן 18-05-2008, 18:11
  משתמש זכר uninstall uninstall אינו מחובר  
 
חבר מתאריך: 11.11.01
הודעות: 1,751
CSS - מנסה לעצב לינק שיראה כמו כפתור פשוט עם תמונה
היי,
אחרי הרבה מאוד ניסיונות ומאמצים אני מרים ידיים ומבקש את עזרתכם.
יש לי 2 לינקים ואני רוצה להגדיר ב CSS שהם ייראו כמו לחצים (מבחינתי מספיק שיהיה להם מסגרת).
ובנוסף שבצד ימין תהיה תמונה קטנה והטקסט של הלינק יבוא אחרי התמונה (לצורך העניין הרוחב של התמונה הוא 4px)
כתבתי את הקוד הזה:
קוד:
a.info:link, a.info:visited{ 
 margin :  1px 0px 1px 5px; 
 font: bolder 12px  Arial center; 
 color: #667F99;
 background: url('info.gif') right no-repeat; 
 border: 1px solid;
}

הבעיה שהתמונה יוצאת על הכיתוב ולא לידו.
ובאקספלורר (גם 6 וגם 7) אין קו בתחתית של המסגרת (באג?).

אשמח אם מישהו יכול לעזור לי ולהסביר מה הבעיה שלי.
תודה רבה

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 18-05-2008, 21:34
  משתמש זכר yoavmatchulsky yoavmatchulsky אינו מחובר  
 
חבר מתאריך: 15.08.06
הודעות: 1,561
שלח הודעה דרך ICQ אל yoavmatchulsky שלח הודעה דרך MSN אל yoavmatchulsky Facebook profile
בתגובה להודעה מספר 1 שנכתבה על ידי uninstall שמתחילה ב "CSS - מנסה לעצב לינק שיראה כמו כפתור פשוט עם תמונה"
כדי שהכתב לא יהיה על התמונה, תוסיף padding-right: 4px;
ובקשר לגבול, תנסה להוסיף צבע - border: 1px solid black
_____________________________________
!!אזהרה!!
ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם
!!אזהרה!!

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 19-05-2008, 08:18
  משתמש זכר uninstall uninstall אינו מחובר  
 
חבר מתאריך: 11.11.01
הודעות: 1,751
בתגובה להודעה מספר 2 שנכתבה על ידי yoavmatchulsky שמתחילה ב "כדי שהכתב לא יהיה על התמונה,..."
עדיין הכתב על התמונה.
ובאקספלורר עדיין אין מסגרת בתחתית.
ההוספה של Padding-Right הזיזה את כל הקוביה 4 פיקסלים (לפחות ככה זה נראה)

אני כבר משתגע מזה...

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 19-05-2008, 15:14
  משתמש זכר yoavmatchulsky yoavmatchulsky אינו מחובר  
 
חבר מתאריך: 15.08.06
הודעות: 1,561
שלח הודעה דרך ICQ אל yoavmatchulsky שלח הודעה דרך MSN אל yoavmatchulsky Facebook profile
בתגובה להודעה מספר 3 שנכתבה על ידי uninstall שמתחילה ב "עדיין הכתב על..."
כן, האקספלורר זה מעצבן. תבדוק אם זה עובד טוב בפיירפוקס
אם כן, חפש בגוגל (או פה בפורום) box model hacks ותמשיך משם
_____________________________________
!!אזהרה!!
ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם
!!אזהרה!!

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 21-05-2008, 11:56
  משתמש זכר uninstall uninstall אינו מחובר  
 
חבר מתאריך: 11.11.01
הודעות: 1,751
בתגובה להודעה מספר 4 שנכתבה על ידי yoavmatchulsky שמתחילה ב "כן, האקספלורר זה מעצבן. תבדוק..."
נשברתי....

יש למישהו משהו מוכן שעובד ב 2 הדפדפנים נורמלי?
אני צריך משהו מאוד פשוט:
יש לי לינק עם הטקסט "פרטים נוספים".
אני רוצה באמצעות CSS שתהיה מצד ימין שלו התמונה info.gif ושהם יהיו בתוך מסגרת (כמו כפתור שטוח)

מישהו יכול לעזור?
תודה...

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 21-05-2008, 12:16
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 1 שנכתבה על ידי uninstall שמתחילה ב "CSS - מנסה לעצב לינק שיראה כמו כפתור פשוט עם תמונה"
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 21-05-2008, 14:03
  משתמש זכר uninstall uninstall אינו מחובר  
 
חבר מתאריך: 11.11.01
הודעות: 1,751
בתגובה להודעה מספר 6 שנכתבה על ידי DCD שמתחילה ב "ניסית שימוש ב- float..."
אני לא רואה איך Float אמור לפתור לי את הבעיה, תוכל להסביר יותר למה אתה מתכוון?

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #8  
ישן 24-05-2008, 17:37
  משתמש זכר iNfLuX iNfLuX אינו מחובר  
 
חבר מתאריך: 13.07.06
הודעות: 106
שלח הודעה דרך ICQ אל iNfLuX
הפתרון שלי לבעייה....
בתגובה להודעה מספר 1 שנכתבה על ידי uninstall שמתחילה ב "CSS - מנסה לעצב לינק שיראה כמו כפתור פשוט עם תמונה"
כך אני פותר בעייה זו:

קוד PHP:
 <html>
<head>
    <title>Fresh Help</title>
    <style type="text/css">
        .navBar {
            height: 22px;
            clear: both;
            border-left: #000 1px solid;
        }
        
        .navBar a {
            background: #dedede url(https://static.fresh.co.il/images/vBulletin/misc/male.gif) 10% 30% no-repeat;
            display: block;
            font-size: 8pt;
            font-weight: bold;
            padding: 4px 4px 4px 20px;
            text-decoration: none;
            float:left;
            border-right: #000 1px solid;
            border-top: #000 1px solid;
            border-bottom: #000 1px solid;            
        }
        
        .navBar a:hover {
            background: #BBDCED url(https://static.fresh.co.il/images/vBulletin/misc/male.gif) 10% 30% no-repeat;
            color: #000;
        }
        
    </style>
</head>
<body>
    <div class="navBar">
        <a href="#">Link 1</a>
        <a href="#">Link 2</a>
        <a href="#">Link 3</a>
    </div>
</body>
</html> 

_____________________________________

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://muzx.net/files/public/avatars/1208187486.gif]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://muzx.net/files/public/avatars/1188591880.gif]

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה
« לאשכול הקודם | לאשכול הבא »

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
מצב כלאיים מצב כלאיים
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך
קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 09:06

הדף נוצר ב 0.06 שניות עם 12 שאילתות
צור קשר - Fresh - למעלה

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2024 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר