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

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

Shay Ben Moshe 25-06-08 22:58
[קידוד] שני שלי
 
זהו הקידוד השני שלי.
כרגע אני לא מעלה את הדף אבל הוא עובד על FF ועל IE חלק. הוא עובר את W3C.
האם הוא בסדר?
(זה תכנות של הפוטושופ עם הטבלאות שאת כל התמונות הפכתי לdivים והוספתי עוד כל מני דברים כמובן)

HTML קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ofer Ben Moshe | Iron Design | Iron Made | Iron tools | Iron art עופר בן משה | עיצוב בברזל | מעצב בברזל | אמנות ברזל | כלי ברזל</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1255">
<link rel="stylesheet" href="Default.css" type="text/css" media="screen">
<style type="text/css">
 body {
  background-color: #1D1D1D;
 }
 
 span.tiny {color: #FFFFFF; font-family: arial; font-size: 1%}
 span.normal {color: #FFFFFF; font-family: arial; font-size: 80%}
 span.title {color: orange; font-family: arial; font-size: 100%}
 span.red {color: red; font-family: arial; font-size: 100%}
</style>
</head>
<body>
<table width="800" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="3" rowspan="5">
<div class="div_image" align=center><span class="tiny"> </span></div>
</td>
<td colspan="4">
<div class="div_logo" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="4">
<div class="div_slogen" align=center><span class="normal">עיצוב איכותי בברזל</span></div>
</td>
</tr>
<tr>
<td colspan="4">
<div class="div_04" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="div_phonenumber" align=right><span class="red"><strong>000-0000000</strong></span></div>
</td>
<td colspan="2">
<div class="div_phone" align=left><span class="normal">:פלאפון</span></div>
</td>
</tr>
<tr>
<td colspan="4">
<div class="div_07" align=center> </div>
</td>
</tr>
<tr>
<td colspan="7">
<div class="div_menu" align=center><span class="normal">תפריט | תפריט | תפריט | תפריט | תפריט</span></div>
</td>
</tr>
<tr>
<td colspan="7">
<div class="div_09" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="div_whyus" align=right><span class="title"><strong>למה אנחנו</strong></span></div>
</td>
<td colspan="4">
<div class="div_about" align=right><span class="title"><strong>אודותינו</strong></span></div>
</td>
<td rowspan="2">
<div class="div_12" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="div_whyustext" align=right><span class="normal">
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
</span></div>
</td>
<td colspan="4">
<div class="div_abouttext" align=right><span class="normal">
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
<br>
טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט
</span></div>
</td>
</tr>
<tr>
<td>
<div class="div_picturesleft" align=center><span class="tiny"> </span></div>
</td>
<td colspan="3">
<div class="div_pictures" align=center><span class="tiny"> </span></div>
</td>
<td colspan="3">
<div class="div_picturesright" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="7">
<div class="div_18" align=center><span class="tiny"> </span></div>
</td>
</tr>
<tr>
<td colspan="7">
<div class="div_copyright" align=center><span class="normal">כל הזכויות שמורות לעופר בן משה © 2008</span></div>
</td>
</tr>
<tr>
<td colspan="7">
<div class="div_kidum" align=center><span class="normal">אז למה אתם מחכים? התקשרו עכשיו ל: </span><span class="red"><strong>0000000-000</strong></span></div>
</td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="115" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="259" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="152" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="158" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="27" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="61" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="28" height="1" alt=""></td>
</tr>
</table>
</body>
</html>




תודה רבה לעוזרים!

DavidBD 25-06-08 23:16
זה לא משנה אם עטפת את התמונות בDIVים, עדיין זה קידוד בטבלאות.

ofekns 26-06-08 03:10
התקדמת מעט .. כל הכבוד... (אני רואה שהתחלת ללמוד טיפה CSS וזה כבר אומר שאתה בכיוון הנכון)

WebProject 26-06-08 07:59
אני אתחיל לחלק פה אזהרות בסוף לכל מי שיקרא לזה קידוד חח... תלמדו, slicing=חיתוך, ולא קידוד, שזה אגב encoding.

לפותח האשכול, ההמלצה שלי לעבודה היא ככה, קודם כל תחתוך את כל הדברים שדורשים* חיתוך, חלקים עם ערך גראפי, ודברים שאי אפשר לשחזר בCSS, אזורים לבנים וכד' אל תחתוך, תשתדל להשתמש בזכוכית המגדלת.

לאחר מכן, שמור את התמונות, ובעזרת CSS תתחיל להרכיב את התמונות כמו פאזל :)

בהצלחה!

Shay Ben Moshe 26-06-08 12:29
האמממ אוקי.
רק איך אני עושה שזה יהיה צמוד אחד לשני? זה יוצא ככה אוטומטית בDIVים?

DavidBD 26-06-08 13:06
ציטוט:
נכתב במקור על ידי The Chosen Generl (פרסם 645213)
האמממ אוקי.
רק איך אני עושה שזה יהיה צמוד אחד לשני? זה יוצא ככה אוטומטית בDIVים?
אתה קובע את המרחקים בעזרת margin ו- padding ובכדיי שהDIVים לא יבואו אחד מתחת השני תשתמש בFLOAT, תוכל לקרוא על כך במאמרים בגוגל, כעיקרון זה CSS בסיסי.

ofekns 26-06-08 13:34
ציטוט:
נכתב במקור על ידי DavidBD (פרסם 645221)
אתה קובע את המרחקים בעזרת margin ו- padding ובכדיי שהDIVים לא יבואו אחד מתחת השני תשתמש בFLOAT, תוכל לקרוא על כך במאמרים בגוגל, כעיקרון זה CSS בסיסי.
אני יגיד משהו שיקל עליו...
נגיד אתה עושה ככה:
PHP קוד:
<div style="float:right;"> 
אם אתה רוצה לשבור את הרצף הכונה עשית את זה נגיד ל 3 דיבים ואז אתה רוצה לרדת שורה אז אתה עושה ככה:

PHP קוד:
<br style="line-height:0px;clear:both;" /> 

מקוה שעזרתי =] בהצלחה

DavidBD 26-06-08 13:42
ציטוט:
נכתב במקור על ידי אופק (פרסם 645229)
אני יגיד משהו שיקל עליו...
נגיד אתה עושה ככה:
PHP קוד:
<div style="float:right;"> 
אם אתה רוצה לשבור את הרצף הכונה עשית את זה נגיד ל 3 דיבים ואז אתה רוצה לרדת שורה אז אתה עושה ככה:

PHP קוד:
<br style="line-height:0px;clear:both;" /> 

מקוה שעזרתי =] בהצלחה
או פשוט לתת לDIV
קוד:
display: block;

Shay Ben Moshe 28-06-08 18:05
תודה לכולם אבל אני פשוט לא מצליח לעשות את זה ככה.
זה לא יוצא לי טוב.
הכל מבולגן על הדף.

זה באמת כזה חשוב?


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

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