اذهب إلى المحتوى
  • 0

مشكلة في خاصية css

alhethmey

السؤال

السلام عليكم

اريد ان اعمل تكويد لصفحة تعرض طاقم عمل لمؤسسة تكون الصورة بالجانب الايسر والمعلومات بالجانب الايمن لكن واجهتني هذه المشكلة

بسيطة حول خاصية في css

المشكلة هي ان النص لا يكون في نفس السطر ولكن ينزل الى السطر التاي تلقائيا

هذا هو الكود

<html>
<style>

ul{
width: 100%;
}

ul li{
list-style:none;
display: inline-table;


}

</style>

<ul>
<li><p><img style="float: left; margin:0px 20px 0px 0px; " src="http://www.traidnt.net/vb/Design/img/Traidnt-logo.png"/>
<strong>name: </strong>Ahmed Ahmed Ahmed<br/><strong>Name: </strong>Ahmed Ahmed Ahmed Ahmed Ahmed<br/><strong>Mobile: </strong>0000000000<br/><strong>E-post: </strong>ahdfhghsfkdsj@gmail.com
<br style="clear: both;" /></p></li>
<li><p><img style="float: left; margin:0px 20px 0px 0px; " src="http://www.traidnt.net/vb/Design/img/Traidnt-logo.png"/>
<strong>name: </strong>Ahmed Ahmed Ahmed<br/><strong>Name: </strong>Ahmed Ahmed Ahmed Ahmed Ahmed<br/><strong>Mobile: </strong>0000000000<br/><strong>E-post: </strong>ahdfhghsfkdsj@gmail.com
<br style="clear: both;" /></p></li>
</ul>





</html>

انا لا اعرف فعلا ما هو الافضل في هذه الحالة هل div او ul اذا هناك اي بنية هيكلية اخرى فالرجاء المساعدة

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

وجدت الحل من احد المبرمجين جزاه الله خير

الكود

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Chat</title>
<link type="text/css" rel="stylesheet" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-family: "Lucida Grande", "Helvetica Nueue", Arial, sans-serif;
}

.divimg {
    float: left;
    width: 250px;
    height: 67px;
    margin: 10px;
    border: 3px solid #73AD21;
    border-radius: 5px;
}

.divtxt {
    margin: 10px;
    border-radius: 5px;
    background: #FDFDFD none repeat scroll 0px 0px !important;
    border: 1px solid #D0D0D0;
    padding: 0px 5px;
    float: left;
}
</style>
</head> 
<body>


        <p>
            <div class="divimg"><img src="http://www.traidnt.net/vb/Design/img/Traidnt-logo.png"/></div>
                <div class="divtxt">
                    <strong>name: </strong>Ahmed Ahmed Ahmed<br/>
                    <strong>Name: </strong>Ahmed Ahmed Ahmed Ahmed Ahmed<br/>
                    <strong>Mobile: </strong>0000000000<br/>
                    <strong>E-post: </strong>ahdfhghsfkdsj@gmail.com
                    <br style="clear: both;" />
              
            </div>
        </p>  
        <p>
            <div class="divimg"><img src="http://www.traidnt.net/vb/Design/img/Traidnt-logo.png"/></div>
                <div class="divtxt">
                    <strong>name: </strong>Ahmed Ahmed Ahmed<br/>
                    <strong>Name: </strong>Ahmed Ahmed Ahmed Ahmed Ahmed<br/>
                    <strong>Mobile: </strong>0000000000<br/>
                    <strong>E-post: </strong>ahdfhghsfkdsj@gmail.com
                    <br style="clear: both;" />
              
            </div>
        </p> 

</body>  
</html>  

تم الاضافة لتعم الفائدة

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...