HTML - Newbie - 2 questions techniques

HTML - Newbie - 2 questions techniques - HTML/CSS - Programmation

Marsh Posté le 17-01-2006 à 14:34:51    

Bonjour,
 
Je continue mon bonhomme de chemin sur la création de mon petit site web.
J'ai deux question auxquelles je n'ai pas trouvé de réponse précise :
 
- j'ai mis en fond d'écran de ma page d'accueil une photo.
En résultat, quand je me connecte sur un écran plus grand que celui sur lequel j'ai travaillé / ou en résolution différente, la photo, pour "remplir" l'écran se "répète" à droite et en bas.
Coment pourrais-je procéder, pour qu'à la place, j'ai par exemple un fond noir "sous" la photo, et le cadrage en central automatique de la photo (et ainsi garder la taille de la photo qui est déjà grande - à peu près format A4) ?
 
- mon fai est free. Si je tape mon adresse "pageperso.free", je tombe sur les répértoires de mon site. Existe-il un moyen pour que le quidam passe automatiquement sur ma page "index", même s'il tappe simplement "xxxx.free.fr" et non "xxxx.free.fr./indexhtml" ?
 
Merci par avance de vos conseils :jap:

Reply

Marsh Posté le 17-01-2006 à 14:34:51   

Reply

Marsh Posté le 17-01-2006 à 14:48:18    

question 2 : si ton fichier est bien nomé index.html tout en minuscule, ca le fera tout seul. C'est la seule chôse à faire pour ça.
question 1 : cherche un peu sur le forum pour éviter que ta photo se réplique, ca revient de temps en temps comme question. pour la couleur, t'as essayé avec background-color? mais bon, c'est vrai que tant que t'as la photo partout à l'écran, tu peux pas voir la couleur du fond. Quand au positionnement de l'image de fond, ca je me rapelle pas si c'est faisable ou infaisable.

Reply

Marsh Posté le 17-01-2006 à 14:52:58    

pour le positionnement: si si c'est possible!

Reply

Marsh Posté le 17-01-2006 à 15:00:46    

Merci pour vos promptes réponses :jap:
J'avais fait une recherche préalable sur le forum, mais pas de réponse utilisable.
Omega2, la solution était dans le détail ! Je vais tester.
anapajari, merci, je vais tester cette solution : je vais transformer ma photo pour qu'elle soit déjà sur un cadre noir. Comme cela, sur les écrans/réso plus grands, on verra la photo centrée et autour des bordures noires.
 
:bounce:

Reply

Marsh Posté le 17-01-2006 à 15:17:20    

J'ai rédigé de cette façon ma ligne sur le fond en photo sur fond noir :
 
<body bgcolor=black background="./index%20html_fichiers/image001.jpg" lang=FR
link=navy vlink=blue style='tab-interval:35.4pt';background-repeat: no-repeat; background-position: center center>
 
En souligné mes ajouts
Au départ le Body bgcolor était en white
 
:jap:

Reply

Marsh Posté le 17-01-2006 à 15:30:57    

tu sais tou ca dans un fichier css ca serai pa mal non plus et ca renderait ton code beaucoup plus lisible ca donnerait un tric du genre:
body {
 background-color: Black;
 background-image: url(../Images/Adapte.jpg);
 background-repeat: no-repeat;
 background-position: center center;
}
 
et dans ton <head> tu met:
<link rel="styelsheet"  type="text/css"  href="[le chemin vers ton fichier.css] />
 
par contre ton backgroung_position je ne rois pas kil soit pris en compte avec netscape et FF(a verifier quand meme)

Reply

Marsh Posté le 17-01-2006 à 15:33:47    

betise de ma part c pour les versions de netscape anterieur a la 6
desolé :jap:

Reply

Marsh Posté le 17-01-2006 à 15:47:00    

Oula, je débute en html alors le css ...
Mais effectivement cela me rappelle les scripts que je rédigeais pour un jeu (operation flashpoint).
Mais je suis d'accord, j'ai du mal à me retrouver dans la présentation et la synthaxe.
Par contre, je ne comprends pas netscape. Je fais des tests indifferament sous netscape et IE (PC différents). Je fais des bêtises là ?
 
:bounce:

Reply

Marsh Posté le 17-01-2006 à 16:27:38    

non pas du tout c'est pour la version 4 de netscape que certaine balise passe pas

Reply

Marsh Posté le 17-01-2006 à 21:46:02    

bedomon a écrit :

tu sais tou ca dans un fichier css ca serai pa mal non plus et ca renderait ton code beaucoup plus lisible ca donnerait un tric du genre:
body {
 background-color: Black;
 background-image: url(../Images/Adapte.jpg);
 background-repeat: no-repeat;
 background-position: center center;
}
 
...
 


 
T'aime bien faire compliqué toi  :sweat:  
 
-> "background: black url(../Images/Adapte.jpg) no-repeat center;" et c'est bon.

Reply

Marsh Posté le 17-01-2006 à 21:46:02   

Reply

Marsh Posté le 18-01-2006 à 09:36:30    

je sais mais pour quelqu'un qui ne s'y connait pas trop que trouve que c'est plus facile a lire de cette maniere et puis  sur w3cSchool il conseil cette methode pour que cela soit plus lisible :p
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed