איך אני מגדיר שתמונה תיכנס למקום של ה margin של פיסקה?
-
יש לי פיסקה ב html והגדרתי ב css שיהיה על חצי עמוד, איך אני מכניס תמונה בחצי השני?
מוטי - טק, מכירה ותיקון של מחשבים 0583293193
-
יש לי פיסקה ב html והגדרתי ב css שיהיה על חצי עמוד, איך אני מכניס תמונה בחצי השני?
-
יש לי פיסקה ב html והגדרתי ב css שיהיה על חצי עמוד, איך אני מכניס תמונה בחצי השני?
-
@נ-נח אמר באיך אני מגדיר שתמונה תיכנס למקום של ה margin של פיסקה?:
@איציק-דייטש
https://www.w3schools.com/html/html_images_background.aspזה לא אמור לעזור לו למיטב הבנתי...
-
@איציק-דייטש איך הגדרת את ה - margin? תעלה את הקוד אם אתה יכול
@מוטי-אורן הקוד הוא בערך ככה:
margin-right: 50%; margin-left: 2%;ואני רוצה להכניס במקום שה
margin-rightהשאיר, תמונה...
יש לך איך לעזור לי?מוטי - טק, מכירה ותיקון של מחשבים 0583293193
-
@מוטי-אורן הקוד הוא בערך ככה:
margin-right: 50%; margin-left: 2%;ואני רוצה להכניס במקום שה
margin-rightהשאיר, תמונה...
יש לך איך לעזור לי?@איציק-דייטש אוקיי. דבר ראשון, אם אתה רוצה להגדיר את הפסקה בצד שמאל, עדיף (במקרה שלך בכל אופן) לא להגדיר את זה עם margin כזה. כי במקרה שלך, לא תוכל להכניס אלמנט למקום של ה - margin. אני הייתי מציע לך לנסות לקבוע את margin-right ל - auto. מצרף דוגמה:
p { margin-right: auto; }ולשם תכניס את התמונה.
אם זה לא עובד, והגיוני שזה לא יעבוד (תלוי בהגדרות נוספות שלך חוץ מה - margin), תגדיר לשתי האלמנטים רוחב באחוזים לפי מידות הדף, כלומר: אם הרוחב של הדף הוא 100% אז תגדיר לפיסקה 40% ולתמונה 60% או איך שבא לך, ותשתמש ב - float בכדי לקבוע ציפה של האלמנטים, מצרף דוגמה:
p { width: 40%; float: left; } img { width: 60%; float: left; }ואם אתה שואל אותי, הדרך השנייה עדיפה בלי קשר.
נ.ב. עם הדרך השנייה ניתן גם לעבוד על רספונסיביות ביותר יעילות וקלות, ולכן הרבה אוהבים להשתמש בה (כולל אותי).יש עוד דרכים, אבל תבדוק קודם את מה שהזכרתי כאן ותעדכן.
-
@איציק-דייטש אוקיי. דבר ראשון, אם אתה רוצה להגדיר את הפסקה בצד שמאל, עדיף (במקרה שלך בכל אופן) לא להגדיר את זה עם margin כזה. כי במקרה שלך, לא תוכל להכניס אלמנט למקום של ה - margin. אני הייתי מציע לך לנסות לקבוע את margin-right ל - auto. מצרף דוגמה:
p { margin-right: auto; }ולשם תכניס את התמונה.
אם זה לא עובד, והגיוני שזה לא יעבוד (תלוי בהגדרות נוספות שלך חוץ מה - margin), תגדיר לשתי האלמנטים רוחב באחוזים לפי מידות הדף, כלומר: אם הרוחב של הדף הוא 100% אז תגדיר לפיסקה 40% ולתמונה 60% או איך שבא לך, ותשתמש ב - float בכדי לקבוע ציפה של האלמנטים, מצרף דוגמה:
p { width: 40%; float: left; } img { width: 60%; float: left; }ואם אתה שואל אותי, הדרך השנייה עדיפה בלי קשר.
נ.ב. עם הדרך השנייה ניתן גם לעבוד על רספונסיביות ביותר יעילות וקלות, ולכן הרבה אוהבים להשתמש בה (כולל אותי).יש עוד דרכים, אבל תבדוק קודם את מה שהזכרתי כאן ותעדכן.
@מוטי-אורן בעצם עם אני מגדיר את זה ככה:
p { width: 40%; float: left;}אז את התמונה אני לא צריך להגדיר כי הוא אלמנט של אינליין, לא?
מוטי - טק, מכירה ותיקון של מחשבים 0583293193
-
@מוטי-אורן בעצם עם אני מגדיר את זה ככה:
p { width: 40%; float: left;}אז את התמונה אני לא צריך להגדיר כי הוא אלמנט של אינליין, לא?
@איציק-דייטש אמר באיך אני מגדיר שתמונה תיכנס למקום של ה margin של פיסקה?:
אז את התמונה אני לא צריך להגדיר כי הוא אלמנט של אינליין, לא?
עקרונית אתה צודק, אבל אני אישית הייתי מעדיף לעשות לתמונה display: block מסיבות אחרות. האמת שהייתי מעדיף בכלל להכניס את שתיהם ל - div ואז זה יותר פשוט, כי אתה קובע רוחב לכל אחד מהדיבים.
-
@איציק-דייטש אמר באיך אני מגדיר שתמונה תיכנס למקום של ה margin של פיסקה?:
אז את התמונה אני לא צריך להגדיר כי הוא אלמנט של אינליין, לא?
עקרונית אתה צודק, אבל אני אישית הייתי מעדיף לעשות לתמונה display: block מסיבות אחרות. האמת שהייתי מעדיף בכלל להכניס את שתיהם ל - div ואז זה יותר פשוט, כי אתה קובע רוחב לכל אחד מהדיבים.
@מוטי-אורן אהה, לגבי ה div אתה לגמרי צודק, תודה רבה על העזרה!!
-
א אלישי העביר נושא זה מ-CSS3 ב-
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}