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

alhethmey · 11 يناير 2016

السلام عليكم

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

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

هذا هو الكود

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

alhethmey · 13 يناير 2016

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

الكود

<!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>

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

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

السؤال

alhethmey

1 جواب على هذا السؤال

Recommended Posts

alhethmey

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية