Deprecated: Creation of dynamic property CF\WordPress\DataStore::$logger is deprecated in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php on line 23

Deprecated: Creation of dynamic property CF\WordPress\Proxy::$pluginAPI is deprecated in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/Proxy.php on line 31

Deprecated: Creation of dynamic property SyntaxHighlighter::$brush_names is deprecated in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/syntaxhighlighter/syntaxhighlighter.php on line 248

Deprecated: Creation of dynamic property SyntaxHighlighter::$specialchars is deprecated in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/syntaxhighlighter/syntaxhighlighter.php on line 326
המכללה | כאב ראש ב CSS
Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

כאב ראש ב CSS

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

אחד הדברים שעיצבן אותי היה הדרך שבה הוצגו התמונות. התמונה הייתה מיושרת למרכז עם מסגרת בצבע כחול ודי נראתה תקועה שם. זה דרש שינוי כבר הרבה זמן ומספיק חיטוט והתמצאות בתוך ה CSS המבולגן גם ככה אבל לבסוף – הנה התוצאה

לחצו להגדלה

התמונה מוקטנת מראש לרוחב של 200 פיקסלים (האורך נדחס באותו יחס), בנוסף מסגרת של 5 פיקסלים בצבע השונה מצבע הרקע של הפוסט (הגדרה של צבע רקע נפרד) ולבסוף מסגרת שחורה. התמונה יושבת באופן קבוע בחלק השמאלי של הפוסט (בעזרת שימוש בתגית float).

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

וככה זה נעשה:


.post IMG
{
float:right;
border:1px solid black;
padding: 5px;
BACKGROUND: #e7ebde;
margin:5px 5px 5px 5px;
width: 200px;
}
לדרג את הפוסט
3.2

Posted

in

by

Comments

3 תגובות על “כאב ראש ב CSS”

  1. תמונת פרופיל של Dror
    Dror

    תבדוק בצד שרת אם בפוסט יש לך תמונה, ואם כן פשוט תוסיף בסוף הפוסט div שינקה את הציפה עם clear: right.
    את השאלה השנייה לא ממש הבנתי.

  2. תמונת פרופיל של צביקה
    צביקה

    שלום ניצן,

    העתקתי את הקוד הזה ל-style.css שלי
    אבל זה גורם גם לתמונות הקטנות של ה-RSS והתגובות להיות באותו גודל:
    http://www.mytrends.co.il/?p=11#respond

    פתרון?

  3. תמונת פרופיל של ~ניצן~

    אתה צריך לבדוק תחת איזה תג משוייכים האיקונים הללו שלך, ואז להוסיף להם הגדרת img רלוונטית ב css.

    למשל, אם הם בסרגל הצד, צריך להוסיף
    sidebar IMG עם הגדרות רלוונטיות.

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *


Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79

Warning: Cannot modify header information - headers already sent by (output started at /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/DataStore.php:23) in /home/nitzan_n2b/n2b.org/wordpress/wp-content/plugins/cloudflare/src/WordPress/HTTP2ServerPush.php on line 79