voulez ajouter l'image coin gauche de div

alt text voulez ajouter l'image coin gauche de div

<!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" dir="ltr"> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script> 

<style type="text/css"> 
.connection { 
cursor:pointer; 
display:block; 
height:80px; 
position:absolute; 
width:50px; 
} 
.ui-widget-content { 
color:#FFFFFF; 
} 


.ui-corner-all { 
-moz-border-radius:6px 6px 6px 6px; 
} 
.ui-widget-content { 
background:url("images/ui-bg_inset-soft_25_000000_1x100.png") repeat-x scroll 50% bottom #000000; 
border:1px solid #666666; 
color:#FFFFFF; 
} 
.ui-widget { 
font-family:Segoe UI,Arial,sans-serif; 
font-size:1.1em; 
} 
.con-text { 
font-size:0.7em; 
    margin-top:-0.7em; 
    padding:2px; 


} 
.conimage { 
background:url("access-link-card.png") no-repeat scroll 0 0 transparent; 
} 
.con-icon { 
margin:0 auto; 
text-align:center; 
z-index:100; 
background: url("access-link-card.png") no-repeat; 
    padding-left: 34px; 
} 
</style> 
</head> 

</head> 
<body> 

<div class="connection ui-draggable" id="connection-581" style="left: 435px; top: 123px;">  
    <div class="con-icon" id="con_icon-581"> 
     <div class="con-text ui-widget ui-widget-content ui-corner-all" id="con-text-581">  Rahul3  
     </div>  
    </div> 
</div> 
</body> 
</html>

je veux cette image dans le coin gauche de la div con-texte ou con-icône comme un badge, l'image vient pas de taille complète s'il vous plaît aider à la façon dont la image venir en taille

concernant Rahul

Source

2010-10-11 XMen

le définir comme une image d'arrière-plan et ajouter un rembourrage à l'élément afin que le texte apparaît à droite de l'image:

.con-text { 
    font-size:0.7em; 
    margin-top:-0.7em; 
    padding:2px; 
    background: url(your_image_url) no-repeat; 
    padding-left: something-greater-than-image-width px; 
}

Source

2010-10-11 05:44:14 casablanca

salut j'ai changé de code et édite en question maintenant problème est que l'image ne vient pas en taille réelle s'il vous plaît aider comment l'image viendra en pleine taille – XMen

Définir 'width' et' height' pour que la div soit supérieure à la taille de l'image . – casablanca

vous pouvez essayer la réponse de Casablanca, une autre option est de définir la position d'arrière-plan de l'image:

.con-text { 
    background url('yourImage.jpg') no-repeat 5px 2px; 
}

lors du positionnement des éléments d'arrière-plan, les deux valeurs de pixels sont par exemple horizontal (5px) puis verticale (2px).

Ajustez avec l'outil de développement de votre navigateur pour la position désirée.

Source

2010-10-11 05:53:03 tiltos

voulez ajouter l'image coin gauche de div

Répondre

Questions connexes