Bonjour
je reviens une énième fois vers vous et je m'en excuse mais j'ai encore un petit problème, seulement avec SAFARI. Lorsque j'ouvre mon site depuis mon fichier HTML sur safari, il s'ouvre très bien, tout apparaît comme il faut. Mais lorsque je l'ouvre depuis l'adresse "officielle", un élément descend sous un autre. J'ai pourtant bien actualisé les fichiers sur mon serveur etc.
<div id="articles">
<div id="bordures">
<a href="" class="montages"><h1>bla</h1></a>
<p>blbla</p>
<div id="imac"><img src="Images/Imac.png" alt="imac"/></div>
</div>
<div id="bordures2">
<a href="" class="publicites"><h1>blabla</h1></a>
<p>blabla</p>
<div id="macbook"><img src="Images/Macbook.png" alt="macbook"/></div>
</div>
</div>
[/html]
Et le css :
articles{
display: inline-block;
height:500px;
}
#bordures{
border: 5px solid #4e4c4c;
border-radius: 0;
height: 460px;
width: 440px;
display:inline-block;
}
.montages{
text-decoration: none;
font-family: caviar_dreamsbold;
text-transformation: uppercase;
}
.montages h1{
color:#4e4c4c;
display: inline-block;
margin-left:40px;
}
#bordures p{
font-family: caviar_dreams;
display: inline-block;
margin-left: 5px;
}
#imac{
diplay:inline-block;
margin-left:84.5px;
margin-top:-15px;
}
#bordures2{
border: 5px solid #4e4c4c;
border-radius: 0;
height: 460px;
width: 440px;
display:inline-block;
position: absolute;
margin-left:5px;
}
.publicites{
text-decoration: none;
font-family: caviar_dreamsbold;
text-transformation: uppercase;
}
.publicites h1{
color:#4e4c4c;
display: inline-block;
margin-left:40px;
}
#bordures2 p{
font-family: caviar_dreams;
display: inline-block;
margin-left: 5px;
}
#macbook{
diplay:inline-block;
margin-left:18.5px;
margin-top:-15px;
}
[/css]
C'est sur cette portion de code, le bordures2 va sous le bordures à la place d'être à côté
D'où cela peut il venir ?
Merci
Modifié par cochi (01 Apr 2015 - 22:09)
je reviens une énième fois vers vous et je m'en excuse mais j'ai encore un petit problème, seulement avec SAFARI. Lorsque j'ouvre mon site depuis mon fichier HTML sur safari, il s'ouvre très bien, tout apparaît comme il faut. Mais lorsque je l'ouvre depuis l'adresse "officielle", un élément descend sous un autre. J'ai pourtant bien actualisé les fichiers sur mon serveur etc.
<div id="articles">
<div id="bordures">
<a href="" class="montages"><h1>bla</h1></a>
<p>blbla</p>
<div id="imac"><img src="Images/Imac.png" alt="imac"/></div>
</div>
<div id="bordures2">
<a href="" class="publicites"><h1>blabla</h1></a>
<p>blabla</p>
<div id="macbook"><img src="Images/Macbook.png" alt="macbook"/></div>
</div>
</div>
[/html]
Et le css :
articles{
display: inline-block;
height:500px;
}
#bordures{
border: 5px solid #4e4c4c;
border-radius: 0;
height: 460px;
width: 440px;
display:inline-block;
}
.montages{
text-decoration: none;
font-family: caviar_dreamsbold;
text-transformation: uppercase;
}
.montages h1{
color:#4e4c4c;
display: inline-block;
margin-left:40px;
}
#bordures p{
font-family: caviar_dreams;
display: inline-block;
margin-left: 5px;
}
#imac{
diplay:inline-block;
margin-left:84.5px;
margin-top:-15px;
}
#bordures2{
border: 5px solid #4e4c4c;
border-radius: 0;
height: 460px;
width: 440px;
display:inline-block;
position: absolute;
margin-left:5px;
}
.publicites{
text-decoration: none;
font-family: caviar_dreamsbold;
text-transformation: uppercase;
}
.publicites h1{
color:#4e4c4c;
display: inline-block;
margin-left:40px;
}
#bordures2 p{
font-family: caviar_dreams;
display: inline-block;
margin-left: 5px;
}
#macbook{
diplay:inline-block;
margin-left:18.5px;
margin-top:-15px;
}
[/css]
C'est sur cette portion de code, le bordures2 va sous le bordures à la place d'être à côté
D'où cela peut il venir ?
Merci
Modifié par cochi (01 Apr 2015 - 22:09)