16-04-2012, 23:16
|
|
|
|
חבר מתאריך: 21.12.04
הודעות: 30,021
|
|
ניסיתי מה? כתבתי שניסיתי את ה web-kit האק הזה וזה לא עובד.
גם css reset לא עובד, אפילו שאמרת שתביא לי מתישהו אחד טוב (אם כי זה שאני לקחתי
אמור להיות טוב... בכל מקרה, זה לא עוזר).
מה הקשר בין ה margin-top שאני מגדיר בפסקאות, ל margin-top שיקבל כל אלמנט שאינו
פסקה? או שלא הבנתי את הכוונה שלך...
להפוך את סדר הציפות זו אפשרות שאני צריך לבדוק. אני לא בטוח שזה יעבוד אבל אפשרי לבדוק.
מבלי להכנס לקוד, אני צופה בעיתיות בכך שאני לא יודע כמה פסקאות יהיו לי ומה יהיה אורכן.
אני לא יודע אם הפסקאות יהיו ארוכות יותר מהקופסאות בצד או לא. אני לא בטוח שזה יפריע, אבל
זה משהו שצריך לקחת בחשבון.
בלי קשר, גם אם זה ניתן יהיה למימוש, אני עדיין תקוע עם הבעיה שהציפה לא שוברת לי את השורה
בזמן ואז אני יכול להגיע לאותה הבעיה בחזרה.
בנוגע להדפסת פסקה מול תמונה, זה לא אפשרי. אני לא יודע כלום על הפסקאות האלה. אולי פסקה אחת
ממש ארוכה תהיה לגובה כל העמוד ואולי אלו מלא פסקאות קצרות. לא יודע מה התוכן, כך שאני לא יכול
להפריד חלק מהפסקאות ולנסות לסדר אותן ידנית לקופסאות שצפות ימינה.
ולא, הקופסאות האלה הן לא תמונות אלא דיבים שמכילים המון בלאגן בפנים (פישטתי מן הסתם את הדוגמא
כדי לא לסבך את הקוד. הבעיה זהה).
בנוגע לדוגמא של רועי, זה לא עבד.
אתה פשוט שינית לי שם מלא דברים שאני לא יודע למה החלטת שמותר לך לשנות - כמו הפונט שאני
משתמש בו, ביטול הפסקאות והמרווחים שבינהם... לקחתי את הקוד שלך, הוספתי לו פסקאות, מרווחים
ביטלתי את הפונט וחזרתי לאותה הנקודה.
קוד:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>"float: right" element with content flowing down left edge</title>
<link rel="stylesheet" type="text/css" href="./css.css" />
<style type="text/css">
body
{
margin: 20px;
padding: 0;
/*font: normal 85% arial, helvetica, sans-serif;*/
color: #000;
background-color: #fff;
}
.containingbox
{
text-align: justify;
width: 400px;
height: 400px;
border: 1px solid #000;
overflow: hidden;
}
.floatright
{
float: right;
width: 100px;
height: 100px;
background-color: #facaba;
clear: both;
margin-left: 15px;
margin-bottom: 6px;
}
.floatright2
{
float: right;
width: 250px;
height: 300px;
background-color: #febcda;
clear: both;
margin: 10px 0 6px 15px;
}
p {
margin-top: 20px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<div class="containingbox">
<div class="floatright"></div>
<div class="floatright2"></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p>
<p>euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et
iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait
nulla facilisi.</p>
</div>
</body>
</html>
|