הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - עזרה בקידוד Divים (https://hosts.co.il/forums/showthread.php?t=66885)

Zvaim.co.il

29-08-08 14:45

עזרה בקידוד Divים

שלום לכולם, קודם כל אני חדש כאן, מקווה שאשתלב טוב :-)
אז ככה, התחלתי לקודד עיצוב כלשהו ב Divים ונתקעתי באיזור מסוים, איפה שרשום למטה 'סיכום' איפה שהכפתור השחור שיש אחריו עוד ארבעה כפתורים אפורים.

http://www.zvaim.co.il/SITEME/

מה שאני מנסה ולא מצליח, זה לעשות את הכפתורים אחד אחרי השני ב Divים ללא טבלאות, מבלי לפתוח עוד ארבעה דיבים נוספים.

זה אפשרי?
אם כן, איך?

תודה רבה,
שבת שלום (:

mayden

29-08-08 14:52

רשימה.

PHP קוד:


		
			
list-type: none;
background: url('bla.gif');
margin:0 // שחק עם זה

תקרא על list ותגי li .

Zvaim.co.il

29-08-08 14:54

ציטוט:

נכתב במקור על ידי mayden (פרסם 663578)

רשימה.

PHP קוד:


		
			
list-type: none;

background: url('bla.gif');

margin:0 // שחק עם זה

תקרא על list ותגי li .

תודה לך,
אבל הבעיה היא שלא חתכתי כל כפתור בנפרד..

Megnum

29-08-08 14:54

תעשה את הקישורים ברשימה:

HTML קוד:

<ol class="links">

<li><a href="" title="">link</a></li>

<li><a href="" title="">link</a></li>

<li><a href="" title="">link</a></li>

<li><a href="" title="">link</a></li>

<li><a href="" title="">link</a></li>

</ol>

בCSS תגדיר מרחק קבוע ככה שכל קישור יותאם לתמונה כי הרי לא חתכת אותה.
או שתחתוך ותגדיר את הרקע בקישורים כי ככה נכון לעשות.

Zvaim.co.il

29-08-08 14:58

ציטוט:

נכתב במקור על ידי Megnum (פרסם 663584)

תעשה את הקישורים ברשימה:

HTML קוד:

<ol class="links">

<li><a href="" title="">link</a></li>

<li><a href="" title="">link</a></li>

<li><a href="" title="">link</a></li>

<li><a href="" title="">link</a></li>

<li><a href="" title="">link</a></li>

</ol>

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

mayden

29-08-08 14:59

ציטוט:

נכתב במקור על ידי Zvaim.co.il (פרסם 663583)

תודה לך,
אבל הבעיה היא שלא חתכתי כל כפתור בנפרד..

אז תחתוך. לא מבין מה הבעיה, אתה חותך כפתור אחד ושם אותו כרקע. ;)

Zvaim.co.il

29-08-08 15:00

ציטוט:

נכתב במקור על ידי mayden (פרסם 663590)

אז תחתוך. לא מבין מה הבעיה, אתה חותך כפתור אחד ושם אותו כרקע. ;)

ואז אצטרך לעשות חמישה Divים לכל כפתור, לא?
בכל מקרה, איך שזה עכשיו - יותר נח לי. איך אני אוכל לעשות את זה?

שורה תחתונה - איך אני משלב margin לכל טקסט?

Davieh

29-08-08 15:08

אתה יכול לעשות CLASS לכל הכפתורים אותו קלאס ..
אידי אתה לא יכול לכמה, רק לאחד, אבל קלאס אתה יכול לכמה שבא לך ..
שוב פעם עדיף שתחתוך כל כפתור ואז תעשה LI כמו שהסבירו לך כבר ..

Zvaim.co.il

29-08-08 15:11

ציטוט:

נכתב במקור על ידי Davieh (פרסם 663602)

ניסיתי לעשות כך כמה פעמים, אך לא עזר.
זה עושה את הטקסטים אחד מתחת לשני במקום בשורה.

ציטוט:

<div class="text3">
סיכום
</div>

Megnum

29-08-08 15:14

תגדיר לclass הראשי בלי אלמנט הקישור:
.links {list-style:none; float: right;

ואחרכך

.links ol a:link, hover, visited

Zvaim.co.il

29-08-08 15:15

ציטוט:

נכתב במקור על ידי Megnum (פרסם 663608)

תגדיר לclass הראשי בלי אלמנט הקישור:
.links {list-style:none; float: right;

ואחרכך

.links ol a:link, hover, visited

איך אני משלב את זה בקוד?
לא הצלחתי האמת |מסמיק|

Zvaim.co.il

29-08-08 16:00

מישהו?

mayden

29-08-08 16:05

אתה עושה:
margin:0;
וזהו.

שים לב, שהכפתור\ה"DIV" שאתה מתכוון אליו זה בעצם חלק ברשימה. כלומר, אני פותח "חדשה" ברשימה על ידי פקודה:

קוד:

<li>bla</li>

וללא DIV נוסף.

Zvaim.co.il

29-08-08 16:11

ציטוט:

נכתב במקור על ידי mayden (פרסם 663641)

קוד:

<li>bla</li>

וללא DIV נוסף.

אתה מתכוון כך?

ציטוט:

<div class="text3">
<li>סיכום</li>
<li>סיכום</li>
<li>סיכום</li>
<li>סיכום</li>
</div>

איפה פה אני מוסיף את ה margin? ב CSS?

mayden

29-08-08 16:15

בהודעתי הראשונה כתבתי "תלמד על הרשימה".

CSS LIST:
http://www.w3schools.com/Css/css_list.asp

LIST:
http://www.w3schools.com/HTML/html_lists.asp

(רמז: תגית UL)

תתחיל לקרוא מאמרים באינטרנט, לראות איך בעצם CSS עובד עם רשימה.. אני בטוח שככה תלמד יותר.

שיהיה לך בהצלחה!

Zvaim.co.il

29-08-08 16:16

ציטוט:

נכתב במקור על ידי mayden (פרסם 663645)

אחי, הבנתי שזה תגיד UL, אבל הבעיה היא שזה לא עושה את זה בשורה אלא אחד מתחת לשני.
איך אני משלב את זה בתוך ה DIV שיהיה אחת אחד אחרי השני בשורה ולא אחד מתחת לשני?

mayden

29-08-08 16:22

ציטוט:

נכתב במקור על ידי Zvaim.co.il (פרסם 663647)

תעשה בהגדרות של הUL\DIV:

קוד:

float: right;

margin:0;

opsite

29-08-08 16:23

תגדיר float: right
margin:0;

Zvaim.co.il

29-08-08 16:24

ב CSS נכון?

Zvaim.co.il

29-08-08 16:40

ציטוט:

כך?
לא עובד..

ציטוט:

}
.text3 {
font-family: Arial;
font-weight:bold;
text-align:center;
color: #ffffff;
font-size:14px;
padding-top: 17px;
padding-left: 575px;

Shon12

29-08-08 16:47

HTML קוד:

.text3 {

float: left;

font-family: Arial;

font-weight:bold; 

text-align:center;

color: #ffffff;

font-size:14px;

padding-top: 17px;

padding-left: 575px;

}

Zvaim.co.il

29-08-08 16:51

ציטוט:

נכתב במקור על ידי Shon12 (פרסם 663663)

HTML קוד:

.text3 {

float: left;

font-family: Arial;

font-weight:bold; 

text-align:center;

color: #ffffff;

font-size:14px;

padding-top: 17px;

padding-left: 575px;

}

לא שינה כלום.

Zvaim.co.il

29-08-08 22:46

חבר'ה, אני מצטער על הדאבל פוסט אבל זה נורא חשוב לי.
מה לא עשיתי טוב?

הראתי לכם גם את ה DIV CLASS של הטקסט וגם את ה HTML..
מה לא טוב עשיתי?

כל הזמנים הם GMT +2. הזמן כעת הוא 16:20.