Marge dans dreamweaver
Résolu
Benny
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour
Quelqu'un pourrait me donner la solution svp ? Je cherche desesperement !
J'utilise Dreamweaver. J'ai besoin pour le site que je realise de mettre une page en plein ecran. Le site : www.artbynight.net
Pour cela je mets en fond une image que je definis comme ayant une taille non pas en pixel mais 100%. Ce qui en effet redimensionne le site.
Mon premier probleme est qu'il existe une marche par defaut dans dreamweaver entre le signet clignotant et le bord. Comment puis je faire pour qu'il n'y ait plus cet ecart ? pour que le resultat donnes ceci ( en exemple: https://www.paulandjoe.fr/paul-and-joe.html ) on peut voir que la page est redimensionnée au browser et qu'il n'y a que la photo en fond ( ce que j'aimerai faire sur mon site ).
Le plus simple aurait été de faire un calque et de le deplacer. Le probleme c'est qu'a ce moment là je peux pas faire un redimensionnement automatique en fonction de l'ecran utilisé par le visiteur.
Merci d'avance, ca m'aiderait beaucoup !
Benny
Quelqu'un pourrait me donner la solution svp ? Je cherche desesperement !
J'utilise Dreamweaver. J'ai besoin pour le site que je realise de mettre une page en plein ecran. Le site : www.artbynight.net
Pour cela je mets en fond une image que je definis comme ayant une taille non pas en pixel mais 100%. Ce qui en effet redimensionne le site.
Mon premier probleme est qu'il existe une marche par defaut dans dreamweaver entre le signet clignotant et le bord. Comment puis je faire pour qu'il n'y ait plus cet ecart ? pour que le resultat donnes ceci ( en exemple: https://www.paulandjoe.fr/paul-and-joe.html ) on peut voir que la page est redimensionnée au browser et qu'il n'y a que la photo en fond ( ce que j'aimerai faire sur mon site ).
Le plus simple aurait été de faire un calque et de le deplacer. Le probleme c'est qu'a ce moment là je peux pas faire un redimensionnement automatique en fonction de l'ecran utilisé par le visiteur.
Merci d'avance, ca m'aiderait beaucoup !
Benny
9 réponses
Bonjour,
Pour annuler les marges,
Le site de paulo utilise du Javascript pour positionner son objet en Flash.
Tu peux t'y prendre plus simplement en appliquant quelques styles en CSS sur le <body> et sur un bloc contenant ton image.
Pour pouvoir écrire sur l'image, un autre bloc en absolute est nécessaire.
Teste ça dans IE :
--
Pour annuler les marges,
html, body {
margin: 0;
padding: 0;
}
devrait suffire.
Le site de paulo utilise du Javascript pour positionner son objet en Flash.
Tu peux t'y prendre plus simplement en appliquant quelques styles en CSS sur le <body> et sur un bloc contenant ton image.
Pour pouvoir écrire sur l'image, un autre bloc en absolute est nécessaire.
Teste ça dans IE :
<!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>
<base href="http://www.artbynight.net/" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom (on peut trouver mieux)</title>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
text-align: center;
}
#conteneur {
position: relative;
margin: 5% auto 10%;
width: 80%;
height : 80%;
}
#contenu {
position: absolute;
margin: 1em;
top : 0;
left : 0;
text-align: left;
color : #1e90ff;
}
</style>
</head>
<body>
<div id="conteneur">
<img src="IMG_6042testsite.jpg" width="100%" height="100%" />
<div id="contenu">
<p>Bonjour.
<br /><br />Et tout le tralala…</p>
</div>
</div>
</body>
</html>
--
Merci Gihef pour la reponse.
Malheusement ca ne s'ameliore pas du tt.
Lorsque je rajoute ton code je ne vois plus du tt de photo et je ne vois qu'a l'ecran une page blanche avec le contenu que tu as rajouté.
Bonjou
Et tout le tralalala...
Donc non ca ne fonctionne pas plus... :(
Malheusement ca ne s'ameliore pas du tt.
Lorsque je rajoute ton code je ne vois plus du tt de photo et je ne vois qu'a l'ecran une page blanche avec le contenu que tu as rajouté.
Bonjou
Et tout le tralalala...
Donc non ca ne fonctionne pas plus... :(
ok mais alors j'ai du mal m'exprimer.
Sur mon site demo il y a un demi cm en haut en un demi cm a gauche de bordure blanche que j voudrais retirer pour que ma photo prenne place sur l'ensemble de la page.
J'espere etre plus clair ?
Merci
Sur mon site demo il y a un demi cm en haut en un demi cm a gauche de bordure blanche que j voudrais retirer pour que ma photo prenne place sur l'ensemble de la page.
J'espere etre plus clair ?
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Cette fois oui.
Parce que paulo ne fait pas ça.
Il gère les marges. Il en utilise donc (le fond est noir).
Alors, enlève tout ce qui n'est pas utile, ne conserve que ma première indication :
--
Parce que paulo ne fait pas ça.
Il gère les marges. Il en utilise donc (le fond est noir).
Alors, enlève tout ce qui n'est pas utile, ne conserve que ma première indication :
<!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>
<base href="http://www.artbynight.net/" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom#2 (on peut toujours trouver mieux)</title>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<img src="IMG_6042testsite.jpg" width="100%" height="100%" />
</body>
</html>
--
Merci
En effet le curseur se place au tout debut de la page.
Mais quand je met une photo a cette endroit elle n'apparait carrement plus :)
Ca n'a pas l'air simple.... Désolé
En effet le curseur se place au tout debut de la page.
Mais quand je met une photo a cette endroit elle n'apparait carrement plus :)
Ca n'a pas l'air simple.... Désolé
salut,
je viens de regarder ta page, si tu appliques le code de Gihef cela fonctionne parfaitement.
En effet le curseur se place au tout debut de la page.
Mais quand je met une photo a cette endroit elle n'apparait carrement plus :)
???
que veux-tu dire ?
je viens de regarder ta page, si tu appliques le code de Gihef cela fonctionne parfaitement.
En effet le curseur se place au tout debut de la page.
Mais quand je met une photo a cette endroit elle n'apparait carrement plus :)
???
que veux-tu dire ?
Salut
Je veux dire par là qu'effectivement il n'y plus de marge . Mais par contre ma photo n'apparait plus... j'ai aucune idée pourquoi...
tu peux m'envoyer le code qui fonctionne stp ?
Merci d'avance
Je veux dire par là qu'effectivement il n'y plus de marge . Mais par contre ma photo n'apparait plus... j'ai aucune idée pourquoi...
tu peux m'envoyer le code qui fonctionne stp ?
Merci d'avance
