J'essaye de faire une bannière de titre dynamiquement dimensionnable, en utilisant des astuces assez simples. Je place l'image de la bannière dans une cellule de tableau et positionne l'image d'arrière-plan de la ligne du tableau sur une répétition d'un pixel de la colonne de pixels la plus à droite de la bannière. Ainsi, l'image de la bannière semble s'étirer pour s'adapter à la largeur de l'écran sans étirer le logo. Le code ci-dessous est ma page entière jusqu'à présent, et le problème est affiché dans un cercle rouge dans la capture d'écran. C'est la transition où l'image principale se termine et l'image de fond d'un pixel de large commence.Pourquoi mes images ne s'alignent-elles pas correctement?
Il semble que la barre d'un pixel à la fin soit compressée d'un pixel -> pour aligner correctement les sommets, alors que les fonds sont à un pixel de moins. Je dois ajouter que j'ai vérifié les images plus d'une fois pour faire en sorte que les données d'image soient correctes. Ils sont% 100 précis en ce qui concerne MSPaint.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title></title>
</head>
<body bgcolor="#000000">
<form id="form1" runat="server">
<div>
<table style="width:100%; ">
<tr style="background-image: url('Images/Banners/WebBannerWideBar.png')">
<!--WebBannerWideBar is 1x100 px-->
<td>
<img alt="Angry Octopus"
src="Images/Banners/WebBannerWide.png" />
<!--WebBannerWide is 760x100 px-->
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
http://img188.imageshack.us/img188/1958/imagealignmentproblemsm.png
+1 Je suis d'accord avec vous 110% –