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

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   עזרה בקידוד CSS . (https://hosts.co.il/forums/showthread.php?t=41311)

Gold-System 11-03-07 01:05

עזרה בקידוד CSS .
 
אז ככה,
עכשיו התחלתי לקודד אתר ב css, ויש לי שאלה -
בעיצוב, ארבעה מרובעים של חבילה קטנה, חבילה בינונית, חבילה גדולה וחבילה ענקית .
אחד אחרי השני עם רווח כמובן, עד פה - אני מקווה שאתם מבינים אותי |winky|

שאלתי היא -
איך עושים ב CSS שתיבה תהיה ליד תיבה אחת אחרי השני?
אני לא מצליח לעשות זאת,

זה עושה לי תיבה מתחת לתיבה .
כאילו אני מוסיף <br />

מקווה שהבנתם אותי,
זה דחוף לי העזרה הזו .

שבוע טוב,
בן :)

Udi 11-03-07 01:12

טבלאות?

Gold-System 11-03-07 01:15

כן, אודי .
באותה הדרך שאתה משתמש בקידוד האתר .

sUP 11-03-07 01:30

float: right/left

Gold-System 11-03-07 01:31

אם זה הקוד שלי,

קוד:

<table cellpadding="0" cellspacing="0" align="center" style="height:122px; width:151px; background-image: url(images/small.jpg);">
<tr>
<td style="width: 1px; background-color: #FFFFFF;"> </td>
<td class="small"><span class="small">
נעכ
</div>

איך אני אעשה?

dsw 11-03-07 08:23

מה הבעיה תעשה רגיל בטבלאות.

HTML קוד:

<table border="1">
<tr>
<td>
דוגמא1
</td>
<td>
דוגמא2
</td>
<td>
דוגמא3
</td>
</tr>
</table>

ככה ומוסיף בCSS את מה שאתה צריך.
מקווא שעזרתי

Gal Shafrir 11-03-07 08:48

הוא רוצה לקודד ב-divים, תעשה ככה [אני חושב]:

HTML קוד:

<div style="height:122px; width:151px; background-image: url(images/small.jpg); float:right;">
<div style="width: 1px; background-color: #FFFFFF;float:left;">
TEXT
</div>


Gold-System 11-03-07 11:11

אין גל, זה לא טוב,
זה עושה לי אחת מתחת לשני, והם נוגעות בעצמם (החבילות).

עם אתם לא מבינים אותי,
אתן לך קוד מקור מלא

כי זה קצת דחוף לי,
בן :)

Gal Shafrir 11-03-07 11:54

בוא אליי למסנג'ר: djgs@walla.com

Gold-System 11-03-07 14:04

תודה רבה לגל שעזר לי :)
אבל - יש לי עוד שאלה קטנה,

בקוד הבא -
קוד:

<style type="text/css">
html, body
{
        margin:auto;
        text-align:center; 
}

#packages
{
        margin-top: 2px;
        width: 305px;
        clear:both;
        font-size: 9pt;
}

#right
{
        float:right;
        width:151px;
        height:122px;
        background-image: url('images/k.jpg');
        padding-right: 10px;
        padding-top: 30px;
        text-align:right;
}
#left
{
        float:left;
        width:151px;
        height:122px;
        background-image: url('images/b.jpg');
        padding-right: 10px;
        padding-top: 30px;
        text-align:right;
}
</style>

איך עושים שיהיו ארבעה תמונות, ולא שתיים?
תביאו לי בבקשה קוד css עם ארבעה תמונות, במקום שתיים,

וגם תעשו בקוד הזה ארבעה,
אבל אחד אחרי השני,

קוד:

<div id="packages">
<div id="right">
שטח אח' : 250mb
<br />
תע' חודשית : 20gb
<br />
כל השאר ללא הגבלה!
<br />
מחיר חודשי - 25 ש"ח
<br />
<br />
לפרטים נוספים לחץ כאן
</div>

<div id="left">
שטח אח' : 250mb
<br />
תע' חודשית : 20gb
<br />
כל השאר ללא הגבלה!
<br />
מחיר חודשי - 25 ש"ח
<br />
<br />
לפרטים נוספים לחץ כאן
</div>
&nbsp;
&nbsp;
&nbsp;
</div>

יום נעים,
בן :)


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

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ