Bordure en L utilisant HTML et CSS

J'ai besoin de remplir les données dans l'espace blanc de la boîte montrée dans l'image. La partie rouge sera une image, Mais les données doivent toujours être affichées en continu dans l'espace blanc. Comment puis-je y parvenir en utilisant HTML et CSS?Bordure en L utilisant HTML et CSS

enter image description here

Updated with code : 

<div id="Content" runat="server"> 
    <img id="ad" src="images/sandbox.gif" 
      style="float:right; height: 200px; width: 150px;" alt="{alt}" /> 

    </div>

Source

2012-07-26 Anuya

sur l'image flottante: droite essayé? – simoncereska

Oui essaie Float: à droite, mais n'apparaît pas à l'image elle-même – Anuya

@Anuya jeter un oeil à ce http://jsfiddle.net/TfXNf/

Source

2012-07-26 12:36:23 simoncereska

Il suffit de mettre un flotteur sur votre image:

<img src="{imageLocation}" alt="{alt}" style="float:right;" />

Idéalement, vous voulez garder le style distinct du contenu, mais cela vous donnera l'idée. Hope qui aide

Source

2012-07-26 12:05:02

es tentatives Float: à droite, mais n'apparaît pas l'image elle-même – Anuya

Etes-vous sûr que "images/sandbox.gif" est l'emplacement URL correct de votre image ? –

Son meilleur si vous définissez une classe en vous Css de style afin de basculer toutes les images qui doit avoir la même mise en page afin

HTML

<img src="http://link.to/image.jpg" class="className" alt="Image"/>

CSS

.className{ 
float: right; 
margin-right:2px; /*change these based on your layout*/ 
margin-bottom: 2px; /*change these based on your layout*/ 
}

Des marges sont nécessaires pour éloigner un peu le texte de l'image afin de créer l'illusion de la bordure

Source

2012-07-26 12:12:31 Christos312

Bordure en L utilisant HTML et CSS

Répondre

Questions connexes