28220 sujets

CSS et mise en forme, CSS3

bonjour si vous allez sur mon site www.franckferville.com dans la page portraits l'apparence est differente sous IE et FF
il y a une barre grise claire toute fiine alors qu'elle devrait entourer la photo
de plus la photo est plus haute sous FF que sur IE.
je comprend pas!!!
bon et je vous ennuie une derniere fois sous FF il y a une marque undefinied alors que sur IE ca marche bien
je mets le script java qui correspond au changement de photo et la def des annotations

function displayPics()
{
	var photos = document.getElementById('gallerie') ;
	var liens = photos.getElementsByTagName('a') ;
	var big_photo = document.getElementById('big_pict') ;
	var titre_photo = document.getElementById('droite2').getElementsByTagName('dt')[0] ;
    var titre_photo2 = document.getElementById('droite').getElementsByTagName('dt')[0] ;
	
	for (var i = 0 ; i < liens.length ; ++i) {
		liens[i].onclick = function() {
			big_photo.src = this.href; 
			big_photo.alt = this.title;
			titre_photo.firstChild.nodeValue = this.title;
			titre_photo2.firstChild.nodeValue = this.title2;
			return false;
		};
	}
}
window.onload = displayPics;
[/i]
Modifié par photo (15 Nov 2005 - 21:46)
Essaye de modifier la structure de la partie comportant la photo.
Par exemple:
html:
<div id="conteneurbig">
<img id="big_pict" src="photo12cm/01petergabriel2003libe.jpg" alt="Photo 1 en taille normale">
<p>Peter Gabriel</p>
<p>published in Libération 2003</p>
</div>

et css
#conteneurbig{
background-color:#CCCCCC;
padding:2px;
width:300px;
margin:auto;
}
#conteneurbig img{
float:left;
padding:2px 20px 2px 2px;
}
#conteneurbig p{
font-size:.9em;
}

Mais après il faudra probablement modifier la manière dont est générée dynamiquement cette partie.
Pour ton pb de Javascript (et non pas Java, attention de ne pas confondre...), poste plutot dans la partie concernée du forum.
photo a écrit :
bonjour si vous allez sur mon site www.franckferville.com dans la page portraits l'apparence est differente sous IE et FF
il y a une barre grise claire toute fiine alors qu'elle devrait entourer la photo
de plus la photo est plus haute sous FF que sur IE.
je comprend pas!!!
bon et je vous ennuie une derniere fois sous FF il y a une marque undefinied alors que sur IE ca marche bien
je mets le script java qui correspond au changement de photo et la def des annotations

function displayPics()
{
	var photos = document.getElementById('gallerie') ;
	var liens = photos.getElementsByTagName('a') ;
	var big_photo = document.getElementById('big_pict') ;
	var titre_photo = document.getElementById('droite2').getElementsByTagName('dt')[0] ;
    var titre_photo2 = document.getElementById('droite').getElementsByTagName('dt')[0] ;
	
	for (var i = 0 ; i < liens.length ; ++i) {
		liens[i].onclick = function() {
			big_photo.src = this.href; 
			big_photo.alt = this.title;
			titre_photo.firstChild.nodeValue = this.title;
			titre_photo2.firstChild.nodeValue = this.title2;
			return false;
		};
	}
}
window.onload = displayPics;
[/i]