עבור לתוכן
View in the app

A better way to browse. Learn more.
HWzone

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

יישור עיצוב לאמצע בעזרת CSS - העיצוב אינו מתיישר (הקוד ניראה נכון...) - נפתר!

על-ידי shynet
ב תכנות

Featured Replies

פורסם

שלום לכולם אני מנסה לקודד עיצוב מסויים, את העיצוב כולו אני מקיף באמצעות ה-div הבא:

<!-- Side Wrapper -->
<div id="sitelayout">

ה-div מקיף את כול העיצוב, הינה ה"שלד" של העיצוב:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url]
<html xmlns="[url]http://www.w3.org/1999/xhtml">[/url]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="template.css">
<title>Nemex Studios</title>
</head>
<body>	
<!-- Side Wrapper -->
<div id="sitelayout">
<!-- Header Wrapper -->
<div id="header_wrapper">
<!-- Header -->
<div id="header">
<img src="images/Logo.jpg">
</div>
<!-- Header End -->
<!-- Header Navigation Menu -->
<div id="header_nav">
<ul id="top_menu">
<li><a href="">Home</a></li>
<li><a href="">Software</a></li>
<li><a href="">Forums</a></li>
<li><a href="">About</a></li>
</ul>
</div>
<!-- Header Navigation Menu End -->
</div>
<!-- Header Wrapper End -->
<!-- Content Area Wrapper -->
<div id="content_wrapper">
<!-- Set of images for the content box -->
<div id="content_top"></div>
<div id="content_left"></div>
<div id="content_box">
<div id="content_repeat"></div>
<!-- Here goes our content -->
</div>
<div id="content_right"></div>
<div id="content_bottom"></div>
<!-- Set of images end -->
</div>
<!-- Content Area Wrapper End -->
</div>
<!-- Side Wrapper End -->
</body>
</html>

והינה הקטע בקובץ template שממנו מעוצב המסמך:

#sitelayout {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	text-align: center;
}

אני לא מומחה ל-CSS אבל אם הבנתי נכון העיצוב אמור להיות מיושר למרכז

אך במציאות הדבר אינו קורה, קובץ ה-template עצמו מצורף למי שמעוניין.

אשמח לדעת מה הבעיה, בעיקרון ממה שיצא לי ליקרוא הייתי צריך להוסיף את ה-DOC Type אך

עדיין הבעיה אינה נפתרה.

תודה!

[attachment deleted by admin]

  • ציטוט
    • פורסם

    שלום,

    הבעיה היא שהגדרת את הרוחב להיות 100% ואז אין משמעות למירכוז. עליך לבחור ערך קטן מזה או להכניס רוחב קבוע (מספר פיקסלים)

    בהצלחה

  • ציטוט
    • פורסם
    • מחבר

    שלום ותודה רבה על התגובה,

    ניסית עם גדלים אחרים (קטנים הרבה יותר, או בינוניים) וזה פשוט לא שינה דבר,

    בעיקרון ה-Div הזה אמור ל"עטוף" את כול האתר ובעזרתו אני קובע את המיקום של

    האתר (שבמקרה הזה באמצע), רעיונות נוספים?

    עריכה:

    מרוב טיפשותי לא שמתי לב שהגדרתי בעזרת ה- "*" את הmargin ל-0 מה שגרם לכך

    שכול האתר לא התיישר בגלל שכול ה-divs שלא הוגדרו ידנית ל-auto פשוט היו 0 ונגררו

    לשמאל הדף.

    תודה לכולם!

  • ציטוט

    • ארכיון

    דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

    עבור לרשימת הדיונים

    דיונים חדשים

    Configure browser push notifications
    Chrome (Android)
    1. Tap the lock icon next to the address bar.
    2. Tap Permissions → Notifications.
    3. Adjust your preference.
    Chrome (Desktop)
    1. Click the padlock icon in the address bar.
    2. Select Site settings.
    3. Find Notifications and adjust your preference.