• 0

السلام عليكم

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

بسيطة حول خاصية في 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 اذا هناك اي بنية هيكلية اخرى فالرجاء المساعدة

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 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>  

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن