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

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

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

עזרה, קידוד בDIV

אני כרגע מנסה לעבור מטבלאות לדיב.
עכשיו התחלתי והחצי מהלוגו יצא לי טוב כי כולם היו אותו מידות בהתחלה.
מה אני עושה במצב שיש לי תמונה גדולה ואחריה צריכות לשבת שני תמונות.?

זה הקוד:

קוד:

<?xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="he">

<head>

        <title>Professional</title>

        <meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />

        <link rel="stylesheet" href="Default.css" type="text/css" media="screen"/>

</head>

<body>

<div class="div_Logo_01">&nbsp;</div>

<div class="div_Logo_02">&nbsp;</div>

<div class="div_Logo_03">&nbsp;</div>

<div class="div_Logo_04">&nbsp;</div>

<div class="div_Logo_05">&nbsp;</div>

<div class="div_Logo_06">&nbsp;</div>

<div class="div_Logo_07">&nbsp;</div>

</body>

</html>

וזה הCCS:

קוד:

.div_Logo_01 {

width:385;

height:40;

background-image:url(images/Logo_01.gif);

float:left;

}

.div_Logo_02 {

width:77;

height:40;

background-image:url(images/Logo_02.gif);

float:left;

}

.div_Logo_03 {

width:67;

height:40;

background-image:url(images/Logo_03.gif);

float:left;

}

.div_Logo_04 {

width:251;

height:40;

background-image:url(images/Logo_04.gif);

float:left;

}

.div_Logo_05 {

width:529;

height:81;

background-image:url(images/Logo_05.gif);

float:left;

}

.div_Logo_06 {

width:251;

height:41;

background-image:url(images/Logo_06.gif);

float:left;

}

.div_Logo_07 {

width:251;

height:4;

background-image:url(images/Logo_07.gif);

float:left;

}

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

ציטוט:

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

קוד:

<?xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="he">

<head>

        <title>Professional</title>

        <meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />

        <link rel="stylesheet" href="Default.css" type="text/css" media="screen"/>

</head>

<body>

<div class="div_Logo_01">&nbsp;</div>

<div class="div_Logo_02">&nbsp;</div>

<div class="div_Logo_03">&nbsp;</div>

<div class="div_Logo_04">&nbsp;</div>

<div class="div_Logo_05">&nbsp;</div>

<div class="div_Logo_06">&nbsp;</div>

<div class="div_Logo_07">&nbsp;</div>

</body>

</html>

וזה הCCS:

קוד:

.div_Logo_01 {

width:385;

height:40;

background-image:url(images/Logo_01.gif);

float:left;

}

.div_Logo_02 {

width:77;

height:40;

background-image:url(images/Logo_02.gif);

float:left;

}

.div_Logo_03 {

width:67;

height:40;

background-image:url(images/Logo_03.gif);

float:left;

}

.div_Logo_04 {

width:251;

height:40;

background-image:url(images/Logo_04.gif);

float:left;

}

.div_Logo_05 {

width:529;

height:81;

background-image:url(images/Logo_05.gif);

float:left;

}

.div_Logo_06 {

width:251;

height:41;

background-image:url(images/Logo_06.gif);

float:left;

}

.div_Logo_07 {

width:251;

height:4;

background-image:url(images/Logo_07.gif);

float:left;

}

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

דבר ראשון הייתי מוסיף יחידות להגדרות הגודל שלך (px?)
אח"כ הייתי מוסיף שמות ברורים לכל חלק בנפרד אני אישית לא ממש הבנתי איזה אחד אמור להיות הלוגו (הכי גדול?)

__________
לדעתי אם תיקח את מה שעשית ותכניס אותו לdiv שתיתן לו את המאפיינים של הלוגו עצמו (רוחב וגובה) זה יסדר את הבעיה... תנסה את זה ואם זה לא יעבוד אז יעזור אם תפרסם את הפרטים של הלוגו ואני אנסה לעזור שוב =]

ציטוט:

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

דבר ראשון הייתי מוסיף יחידות להגדרות הגודל שלך (px?)
אח"כ הייתי מוסיף שמות ברורים לכל חלק בנפרד אני אישית לא ממש הבנתי איזה אחד אמור להיות הלוגו (הכי גדול?)

__________
בקרוב יערך בתקווה שיהיה פה פתרון לבעיה

זה לוגו שיש באמצע מקומות שצריך לכתוב בהם, אתה לא תבין בדיוק מזה..
כל מה שיש שם זה חלקים מהלוגו.
בקשר לpx יטופל.
----------

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

קוד:

<div class="Table_01">

שאר התמונות של הלוגו בdiv+css.

</div>

והוספתי קוד בCSS

קוד:

.Table_01 {

width:781px;

}

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

לידיעתך בלי לקבוע גודל (px,pt,em...) ב-CSS זה פשוט לא יחשיב שקבעת גודל אלא זה יעשה גודל אוטומטי וזאת כנראה הייתה הבעיה שלך אם תתן כאן תמונת דוגמה נוכל לעזור לך בלי בעיה

ציטוט:

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

קוד:

<div class="Table_01">

שאר התמונות של הלוגו בdiv+css.

</div>

והוספתי קוד בCSS

קוד:

.Table_01 {

width:781px;

}

לא משנה באיזה תוכנה אתה חותך אבל הרעיון הוא לקחת תמונות ולהוסיף אותן לעמוד שלך ולא את הקוד שהאימג'רדי נותן ;P

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

ציטוט:

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

אתה לא ממש הבנת את הכוונה שלי..
יש לי תמונה בגובה 40px למשל,
ולצידו צריכות לשבת שני תמונות, אחת בגובה 25px ומתחתיה תמונה בגובה 15px.
מה שזה היה עושה במקום להוריד את התמונה השניה מתחת לראשונה הוא היה שם אותה ליד התמונה הראשונה.
עכשיו שאני מגדיר לכל הדף גבול שלא יצא מרוחב מסוים הוא מוריד אותו למטה.

ציטוט:

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

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

אתה לא ממש הבנת את הכוונה שלי..
יש לי תמונה בגובה 40px למשל,
ולצידו צריכות לשבת שני תמונות, אחת בגובה 25px ומתחתיה תמונה בגובה 15px.
מה שזה היה עושה במקום להוריד את התמונה השניה מתחת לראשונה הוא היה שם אותה ליד התמונה הראשונה.
עכשיו שאני מגדיר לכל הדף גבול שלא יצא מרוחב מסוים הוא מוריד אותו למטה.

הייתה גם יכול פשוט להכניס את שני התמוונת לתוך DIV אחד וזהוא

ציטוט:

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

הקוד שנתתי לך בפרטי לא סידר את זה???