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

הוסטס - פורום אחסון האתרים הגדול בישראל (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=72735)

CBox.Co.il 17-03-09 01:34

[עזרה]בעיה בקידוד DIV
 
אהלן חברה,

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

אבל אצלי רואים מעולה, תודה רבה לעוזרים .

עמוד ראשי .

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="rtl">

<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1255" />
<meta name="author" content="" />


<style type="text/css">
body {
text-align: center;
margin: 0;
padding: 0;
background: #ffffff url('images/bg.gif') repeat-x;
}



div.header {
top: 100px;
width: 900px;
height: 130px;
background: url('images/Logo.png') center right no-repeat;
text-align: left;
}

div.last_work {
width: 323px;
height: 400px;
margin-top: 5px;
background: #000 url('images/LestWork.png') no-repeat;
font-size: 11px;
font-family: arial;
color: #fff;
text-align: right;
}

div.welcome {
width: 551px;
height: 195px;
margin-top: -400px;
background: #000 url('images/Welcome.png.png') no-repeat;
font-size: 11px;
font-family: arial;
color: #fff;
text-align: right;
}

div.cilent {
width: 241px;
height: 207px;
margin-top: -205px;
background: url('images/Cilent.png') no-repeat;
font-size: 11px;
font-family: arial;
color: #fff;
text-align: right;
}

div.serv {
width: 241px;
height: 207px;
margin-top: -205px;
background: url('images/Serv.png') no-repeat;
font-size: 11px;
font-family: arial;
color: #fff;
text-align: right;
}
</style>

<title>Test Div's On SkPstyle</title>
</head>

<body>

<center>

<div class="header">
<img src="images/Logo.jpg" style="text-align: left;" alt=""/>
</div>


<div style="float: right; padding-right: 220px; width: 270px;">
<div class="last_work" style="background: url('images/LestWork.png')">
</div>

<div style="float: right; padding-right: 325px; width: 270px;">
<div class="welcome" style="background: url('images/Welcome.png')">
</div>

<div style="float: right; padding-right: 10px; width: 270px;">
<div class="cilent" style="background: url('images/Cilent.png')">
</div>

<div style="float: right; padding-right: 260px; width: 270px;">
<div class="cilent" style="background: url('images/Serv.png')">
</div>

</center>

</body>
</html>

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

mlnn 17-03-09 01:57

תעלה את העמוד |אוף קטן|

Scolpy 17-03-09 07:12

תעבוד לפי אחזוזים ולא לפי פיקסלים.

CBox.Co.il 17-03-09 12:10

העלאתי את העמוד מצטער על הבלאגן .

Www.Pstyle.co.il/DIV

mlnn 17-03-09 12:42

יש לך אלמנטים שמעופפים חופשי, אתה עושה float:right ואז מזיז את זה מהצד.. ברור שלמי שיש רזולוציה אחרת "המרכז" יהיה במקום אחר ולכן ההזזה שלך לא תתאים.
אתה צריך ליצור מעטפת, להגדיר לה גודל ולמרכז אותה (margin:0 auto) ואז להזיז בתוכה אלמנטים (ומאחר שהיא כן בגודל קבוע לא תהיה בעיה..).


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

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