Sujet Précédent Sujet Suivant

Petite barre blanche impossible à enlever

_rien -  
sorakaan Messages postés 60 Statut Membre -
Bonjour,
salut à tous. Je débute en html, et je suis "chargé" de faire un site pour ma boite.
J'ai donc entammé le bins, j'ai fait un joli jpeg sous photoshop, avec des images cliquables.
Après avoir passé 30 minutes à réussir à le centrer, une petite barre blanche à la con de 1px est apparue à gauche de mon image. C'est assez lourd, d'autant plus que tout est noir sur fond noir...
comme l'enlever ?
merci.
A voir également:

12 réponses

Réponse 1 / 12
sorakaan Messages postés 60 Statut Membre 2
 
faudrait plus de précisions ^^'

- si tu utilises que du code HTML:
---> poste le code de la page concernée par ton problème dans ton prochain message.

- si tu utilises du CSS:
---> postes le code de tapage html et celui de ta CSS
0
_rien
 
oui c'est vrai, spas faux ^^
Vlà le code HTML ( y'a un peu de CSS, mais c'est pour la mise en forme des textes, donc pas utilisé sur cette page ).
Notez bien que mon code c'est un peu n'importequoi, je débute, alors je tatonne. 

		<link href="style.css" rel="stylesheet" type="text/css">
		<SCRIPT LANGUAGE="JavaScript">
			<!--
				var path = 'img/accueil'

				function change_img(val)
				{
				mainIMG = document.images[9];
				mainIMG.src = path+val+'.jpg';
				}
			//-->
		</SCRIPT>
		
		<script language="JavaScript">
		// PLF - https://twitter.com/ceosammassey
		var mess = "       Bienvenue sur le site de Visuel Creation       ";
		var i = 0;
		function defilmess() {
		window.status = mess.substring(i, mess.length) + mess.substring(0, i);
		i++;
		if (i > mess.length) i = 0;
		window.setTimeout("defilmess()",300);
		}
		defilmess();
		</script>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		</head>
		<body bgcolor="#000000" onUnload="window.status = '';">
		<center>
		<div align="center">
			<table width="70%" cellspacing="0" cellpadding="0" border="0">
				<tr>
					<td width="100%" height="auto" class="col">&nbsp;</td>
					<td width="0" class="separ">
					<td valign="center" width="1024"> 
					<table width="1024" border="0" cellpadding="0" cellspacing="0">
						<tr>
							<td bgcolor="#000000">
							<td valign="center" width="1024">
								<table width="1024" border="0" cellpadding="0" cellspacing="0">
									<tr>
										<td valign="center" height="84"><img src="img/titre2.jpg" alt="" width="100%" height="700" usemap="#home_sundancec598c551" border="0" />
											<map name="home_sundancec598c551">
											<area shape="rect" coords="798,27,997,92" href="photos.htm" alt="" />
											<area shape="rect" coords="798,104,997,171" href="activites.htm" alt="" />
											<area shape="rect" coords="798,182,997,248" href="tarifs.htm" alt="" />
											<area shape="rect" coords="798,261,997,328" href="decouverte.htm" alt="" />
											<area shape="rect" coords="798,337,997,405" href="plan.htm" alt=""  />
											<area shape="rect" coords="798,415,997,483" href="liens.htm" alt="" />
										</map>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
				</td>
			</td>
		</table>
		</div>
0
_rien > _rien
 
wao c'est méga moche un gros code ici oO
0
Réponse 2 / 12
sorakaan Messages postés 60 Statut Membre 2
 
oui c'est normal ^^'

le code garde ça mise en forme et ça rend pas très bien dans le message.
mais pour travailler dessus je le copie et je le code sur notepad++, que je recommande d'ailleurs.
il est gratuit et indispensable pour coder rapidement.

par contre le code est incomplet.
j'ai besoin de toute la page html et de toute lapage css pour recreer les pages depuis mon pc et voir la bande blanche genante de mes propres yeux.

c'est pas trop demander ? ^^'
0
Réponse 3 / 12
_rien
 
No problem. J'utilise déjà notepad ++, c'est vrai que ça le fait.

<html>
<link rel="icon" type="image/gif" href="icon.gif" />
<head>
<title>Visuel Creation, Accueil</title>
<meta name="Description" content="Visuel Creation, magasin et préstataire photo/video à Epinal">
<meta name="Keywords" content="photographe photo photographie video epinal developpement 88000 tirage grand format traceur mariage plastification camera appareil location videoprojecteur">
<link href="style.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript">
<!--
var path = 'img/accueil'

function change_img(val)
{
mainIMG = document.images[9];
mainIMG.src = path+val+'.jpg';
}
//-->
</SCRIPT>

<script language="JavaScript">
// PLF - https://twitter.com/ceosammassey
var mess = " Bienvenue sur le site de Visuel Creation ";
var i = 0;
function defilmess() {
window.status = mess.substring(i, mess.length) + mess.substring(0, i);
i++;
if (i > mess.length) i = 0;
window.setTimeout("defilmess()",300);
}
defilmess();
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" onUnload="window.status = '';">
<center>
<div align="center">
<table width="70%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" height="auto" class="col"> </td>
<td width="0" class="separ">
<td valign="center" width="1024">
<table width="1024" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#000000">
<td valign="center" width="1024">
<table width="1024" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="center" height="84"><img src="img/titre2.jpg" alt="" width="100%" height="700" usemap="#home_sundancec598c551" border="0" />
<map name="home_sundancec598c551">
<area shape="rect" coords="798,27,997,92" href="photos.htm" alt="" />
<area shape="rect" coords="798,104,997,171" href="activites.htm" alt="" />
<area shape="rect" coords="798,182,997,248" href="tarifs.htm" alt="" />
<area shape="rect" coords="798,261,997,328" href="decouverte.htm" alt="" />
<area shape="rect" coords="798,337,997,405" href="plan.htm" alt="" />
<area shape="rect" coords="798,415,997,483" href="liens.htm" alt="" />
</map>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</td>
</table>
</div>
<div align="center" height="20">
<table>
<td height="20" align="center">
<span class="titrefixe">Visuel Creation - 25 rue Aristide Briand 88000 EPINAL | tél : 03.29.29.10.94 | fax : 03.29.29.10.95 <a href="mailto:contact@visuelcreation.fr">contact@visuelcreation.fr</a></span><br>
<a href="http://www.xiti.com?xtor=AD-1----%5B426102%5D" title="WebAnalytics" target="_top">
<script type="text/javascript">
<!--
Xt_param = 's=426102&p=';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" alt="" ';
Xt_i += 'src="https://logv10.xiti.com/hit.xiti?fh=1&%27+Xt_param;&Rdt=On
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
//-->
</script>
<noscript>
Mesure d'audience ROI statistique webanalytics par <img width="39" height="25" src="https://logv10.xiti.com/hit.xiti?fh=1&s=426102&p=&Rdt=On" alt="WebAnalytics" />
</noscript></a>

</td>
</table>
</div>
</body>
</html>
0
Réponse 4 / 12
_rien
 
No problem./ J'utilise déjà notepad ++, c'est vrai que ça le fait. 

<html>
<link rel="icon" type="image/gif" href="icon.gif" />
	<head>
		<title>Visuel Creation, Accueil</title>
		<meta name="Description" content="Visuel Creation, magasin et préstataire photo/video à Epinal">
		<meta name="Keywords" content="photographe photo photographie video epinal developpement 88000 tirage grand format traceur mariage plastification camera appareil location videoprojecteur">
		<link href="style.css" rel="stylesheet" type="text/css">
		<SCRIPT LANGUAGE="JavaScript">
			<!--
				var path = 'img/accueil'

				function change_img(val)
				{
				mainIMG = document.images[9];
				mainIMG.src = path+val+'.jpg';
				}
			//-->
		</SCRIPT>
		
		<script language="JavaScript">
		// PLF - https://twitter.com/ceosammassey
		var mess = "       Bienvenue sur le site de Visuel Creation       ";
		var i = 0;
		function defilmess() {
		window.status = mess.substring(i, mess.length) + mess.substring(0, i);
		i++;
		if (i > mess.length) i = 0;
		window.setTimeout("defilmess()",300);
		}
		defilmess();
		</script>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		</head>
		<body bgcolor="#000000" onUnload="window.status = '';">
		<center>
		<div align="center">
			<table width="70%" cellspacing="0" cellpadding="0" border="0">
				<tr>
					<td width="100%" height="auto" class="col">&nbsp;</td>
					<td width="0" class="separ">
					<td valign="center" width="1024"> 
					<table width="1024" border="0" cellpadding="0" cellspacing="0">
						<tr>
							<td bgcolor="#000000">
							<td valign="center" width="1024">
								<table width="1024" border="0" cellpadding="0" cellspacing="0">
									<tr>
										<td valign="center" height="84"><img src="img/titre2.jpg" alt="" width="100%" height="700" usemap="#home_sundancec598c551" border="0" />
											<map name="home_sundancec598c551">
											<area shape="rect" coords="798,27,997,92" href="photos.htm" alt="" />
											<area shape="rect" coords="798,104,997,171" href="activites.htm" alt="" />
											<area shape="rect" coords="798,182,997,248" href="tarifs.htm" alt="" />
											<area shape="rect" coords="798,261,997,328" href="decouverte.htm" alt="" />
											<area shape="rect" coords="798,337,997,405" href="plan.htm" alt=""  />
											<area shape="rect" coords="798,415,997,483" href="liens.htm" alt="" />
										</map>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
				</td>
			</td>
		</table>
		</div>
		<div align="center" height="20">
			<table>
				<td height="20" align="center">
					<span class="titrefixe">Visuel Creation - 25 rue Aristide Briand 88000 EPINAL | tél : 03.29.29.10.94 | fax : 03.29.29.10.95 <a href="mailto:contact@visuelcreation.fr">contact@visuelcreation.fr</a></span><br>	
					<a href="http://www.xiti.com?xtor=AD-1----%5B426102%5D" title="WebAnalytics" target="_top">
<script type="text/javascript">
<!--
Xt_param = 's=426102&p=';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" alt="" ';
Xt_i += 'src="https://logv10.xiti.com/hit.xiti?fh=1&%27+Xt_param;&Rdt=On
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
//-->
</script>
<noscript>
Mesure d'audience ROI statistique webanalytics par <img width="39" height="25" src="https://logv10.xiti.com/hit.xiti?fh=1&s=426102&p=&Rdt=On" alt="WebAnalytics" />
</noscript></a>

				</td>
			</table>
		</div>
	</body>
</html>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 12
_rien
 
j'oubliais le CSS

.titre {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #9D9370;
font-weight: bold;
text-decoration:none;
}
.titre2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #615A40 ;
font-weight: bold;
text-decoration:none;
}
.titrefixe {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #9D9370;
font-weight: bold;
text-decoration:none;
}
.titrefixe a:link{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0066CC;
font-weight: bold;
text-decoration:none;
}
.titrefixe a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF0000;
font-weight: bold;
text-decoration:none;
}
.texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #615A40;
font-weight: normal;
}

.titrebold {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #615A40;
text-decoration:none;
}
.prix {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
}
.separ {
background-color:#FFFFFF;
}
BODY{
background-image: url("http://www.edelo.net/404.htm");
margin:0px;
}

.col {background-color:e5e5e5;}
.rouge {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #990000;
text-decoration:none;
}
.grosrouge {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #990000;
text-decoration:none;
}
.txtpromo1{
font-family: Arial, Helvetica, sans-serif;
font-size: 33px;
font-weight: bold;
color: #990000;
text-decoration: blink;
}
.txtpromo2{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #615A40:
text-decoration: none;
}
.txtpromo3{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #990000;
text-decoration: none;
}
div#galerie
{
width: 600px ;
background: #FFFFFF ;
border: 1px solid #dcb ;
padding: 15px ;
margin: 15px 30px ;
text-align: center ;
font: Arial, Helvetica, sans serif;
font-size : 20px;
}

ul#galerie_mini
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}

ul#galerie_mini li
{
float: left ;
}

ul#galerie_mini li a img
{
margin: 2px 1px ;
border: 1px solid #dcb ;
}

dl#photo
{
clear: both ;
margin: 0 auto ;
}

dl#photo dt
{
font: Arial, Helvetica, sans serif;
font-size: 20px;
color: #dcb ;
}

dl#photo dd
{
margin: 0 ;
}

dl#photo img
{
border: 1px solid #dcb ;
}
0
Réponse 6 / 12
sorakaan Messages postés 60 Statut Membre 2
 
on va tester un truc.

essaye d'ajouter cet attribut dans toutes tes balises <img>:
(commence par celle de l'image concernée par la bande blanche) 

border="0"


ça donnera un truc du genre: 

<img border="0"/>


si ça ne marche pas, va voir dans ta page css et verifie que tu n'a pas configuré un attribut avec un truc du genre:

#banniere
{
border: 1px;
}

ne fait ça que pour les config d'image, genre ça (tout à la fin): 

dl#photo img
{
border: 1px solid #dcb ;
}


on voit que tu configure la balise img pour mettre une bordure de 1 pixel ^^

si ces deux soluces ne marchent pas alors je ne sais pas quoi faire.
(je suis un simple membre, et je debute également dans le DevWeb ^^')
0
Réponse 7 / 12
_rien
 
Oui mais...comment inclure le border là dedans ?
<img src="img/titre2.jpg" alt="" width="100%" height="700" usemap="#home_sundancec598c551" border="0" />
0
Réponse 8 / 12
sorakaan Messages postés 60 Statut Membre 2
 
lol ^^

c'est déja fait... 

<img src="img/titre2.jpg" alt="" width="100%" height="700" usemap="#home_sundancec598c551" border="0" />


(j'ai édité mon message au dessus pendant que tu postais ton message)
après avoir vérifié que chaque balise img comprend le border="0", regarde les configs de balise img dans ta page css et mes "0px" 

dl#photo img
{
border: 0px;
}


si ça ne marche pas... dsl... je vois pas ou c'est.
faudra attendre qu'un pro te réponde.
0
Réponse 9 / 12
_rien
 
pas de différence...le seul truc que ça semble avoir changé c'est que mes coordonnées pour les boutons sont foireuses du coup.
0
Réponse 10 / 12
sorakaan Messages postés 60 Statut Membre 2
 
ok, remets tout comme avant...

va falloir attendre qu'un pro te réponde pour corriger le problème.

dsl, bonne chance.

0
Réponse 11 / 12
_rien
 
Boah je finirai bien par m'en sortir, merci.
En attendant je vais colorier cette barre au marqueur...
0
Réponse 12 / 12
sorakaan Messages postés 60 Statut Membre 2
 
lol

abime pas trop ton écran ^^'

bonne continuation
0

Discussions similaires

Comment désactiver le mode sécurisé de la Freebox POP.
Cycy -
bazfile -

18 réponses
A quoi correspond cette croix sur snapchat
Sbnet -
Doucesensible -

8 réponses
Retirer le mode sécurisé sur l'écran de la TV connectée Free
beatrice -
baladur13 -

1 réponse
O barré horizontalement
JCB40 -
JCB40 -

3 réponses
Au sujet du S majuscule avec trait oblique barré
charlene -
Pierr10 -

6 réponses