עבור לתוכן
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 של טבלה

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

Featured Replies

פורסם

אהלן חברים ,

אני מנסה ללא הצלחה לעצב את הטבלה כך שבצבע הרקע של הטבלה יכסה רק את השטח שבו כתוב משהו , בניגוד למה שהמצב עכשיו (צירפתי תמונה).

problemdmz.th.jpg

קוד הHTML : 

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1255" />
<link rel="stylesheet" type="text/css" href="menu.css" /> 
<title>example</title>
<style>
.index{background-position: 1px 30px;}
</style>
</head>
<body>

<div align="center" dir="rtl" id="body">
<ul id="menu">
<li><a href="contact.html" class="contact"><em>צור קשר</em></a></li>
<li><a href="samples.html" class="samples"><em>עבודות</em></a></li>
<li><a href="info.html" class="info"><em>מידע</em></a></li>
<li><a href="index.html" class="index"><em>דף הבית</em></a></li>
</ul><br />
<table id="text">
<tr><td>
בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה <br />
בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה <br />
בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה <br />
בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה <br />
בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה בלה <br />
</td></tr>
<tr><td>
</table>
</div>
</body>
</html>

קוד הCSS : 

ul#menu{list-style-type:none; width:800px; position:relative;top:0;left:45;}
ul#menu li{float:left; padding:0; margin: 0 3px 0 0;}
table#text{width:500px; position:relative; top:0; right:45; background-color:f6ecaa; background-position: center middle;padding: 0px 90px 0px 0px; margin:0px 5px 0px 0px; border:0px;}
table#text tr td{align: right;}
div#body{}

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

    את זה:


    padding: 0px 90px 0px 0px;

    הייתי הופך לזה:


    padding: 0;

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

    תודה רבה ! עבד מעולה :xyxthumbs::yelclap:

    אפשר לנעול !

  • ציטוט

    • ארכיון

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

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

    דיונים חדשים

    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.