ABA


"צריך עזרה בCSS |="
גירסת הדפסה        
קבוצות דיון בניית אתרים נושא #14203 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 14203
ronen333 
חבר מתאריך 20.2.03
6069 הודעות
   23:35   22.07.08   
אל הפורום  
  צריך עזרה בCSS |=  
 
   רציתי לעשות DIV שמכיל מלא תמונות ומסדר את כל התמונות בשורה אחת, כך שגם אם יש מלא תמונות זה לא יורד שורה וממשיך את התמונות , הכל מופיע בשורה אחת גם אם הוא יעבור את הגבולות של הDIV. והגבלתי את גודל הDIV בHIGH וWIDTH.
ניסתי לעשות את זה עם FLOAT וOVERFLOW אבל לא עובד |=.


#imgcs
{
width:400px;
height:11px;
overflow:auto;
}
img
{
float:right;
}


<div id="imgcs">
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />
<img src="http://ecx.images-amazon.com/images/I/51fXmxRs3bL._SL110_.jpg" alt="ok" />


</div>


                                שתף        
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

  האשכול     מחבר     תאריך כתיבה     מספר  
  display:inline; vintox 22.07.08 23:38 1
     אחי זה מציג לי רק תמונה אחת ronen333  22.07.08 23:48 2
         תנסה ככה vintox 23.07.08 00:05 3
             לא פועל X= ronen333  23.07.08 00:11 4
                 .. little O man 23.07.08 11:31 5

       
vintox

   23:38   22.07.08   
אל הפורום  
  1. display:inline;  
בתגובה להודעה מספר 0
 
   ערכתי לאחרונה בתאריך 22.07.08 בשעה 23:40 בברכה, vintox
 
position:fixed;


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
ronen333 
חבר מתאריך 20.2.03
6069 הודעות
   23:48   22.07.08   
אל הפורום  
  2. אחי זה מציג לי רק תמונה אחת  
בתגובה להודעה מספר 1
 
   ערכתי לאחרונה בתאריך 22.07.08 בשעה 23:49 בברכה, ronen333
 

#imgcs
{
width:400px;
height:140px;
overflow:auto;
display:inline;

}
img
{

float:right;
position:fixed;
}

ולא נותן לראות את שאר התמונות לצד ימין.


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
vintox

   00:05   23.07.08   
אל הפורום  
  3. תנסה ככה  
בתגובה להודעה מספר 2
 
  

#imgcs
{
width: inherit;
height:11px;
overflow:visible;
}
img
{
float:right;
}


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
ronen333 
חבר מתאריך 20.2.03
6069 הודעות
   00:11   23.07.08   
אל הפורום  
  4. לא פועל X=  
בתגובה להודעה מספר 3
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
little O man
חבר מתאריך 27.5.02
1109 הודעות
   11:31   23.07.08   
אל הפורום  
  5. ..  
בתגובה להודעה מספר 4
 
   את האמת.. פשוט אל תגדיר שום רוחב שבו הDIV הזה יכלל, לדוגמא שלא יהיה בתוך Container, ולא בתוך שום דבר, אלא לא יהיה לו הגדרת רוחב מוגדרת.
וברגע שתשים תמונה ליד תמונה.. הן פשוט יהיו אחת ליד השניה..
לא צריך לעשות FLOAT ולא צריך שום דבר..


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net