[Html et php] Insertion de texte
Fermé
keepsloveme
Messages postés
11
Date d'inscription
mercredi 28 avril 2010
Statut
Membre
Dernière intervention
15 juin 2010
-
15 juin 2010 à 10:46
naruto-94 Messages postés 865 Date d'inscription mercredi 17 août 2005 Statut Membre Dernière intervention 20 décembre 2012 - 15 juin 2010 à 23:59
naruto-94 Messages postés 865 Date d'inscription mercredi 17 août 2005 Statut Membre Dernière intervention 20 décembre 2012 - 15 juin 2010 à 23:59
A voir également:
- [Html et php] Insertion de texte
- Insertion liste déroulante excel - Guide
- Editeur html - Télécharger - HTML
- Insertion sommaire word - Guide
- Excel cellule couleur si condition texte - Guide
- Mettre un texte en majuscule - Guide
7 réponses
naruto-94
Messages postés
865
Date d'inscription
mercredi 17 août 2005
Statut
Membre
Dernière intervention
20 décembre 2012
188
Modifié par naruto-94 le 15/06/2010 à 11:08
Modifié par naruto-94 le 15/06/2010 à 11:08
Salut ,
faire un site avec des tableau c'est pas très top , et aussi utilisé la balise cente'r mais bon c'est pas grave .
pour pouvoir écrire sur le bloc noir dans "Guides récent" par exemple , le code du cadre noir est donc :
<td colspan="9">
<img src="images/guidessub_17.jpg" width="799" height="322" alt="">
</td>
on va utiliser le css pour mettre l'image en background :
Si tu as déja un css linké a la page html tu mettras le css dedans sinon tu mets :
<link rel="stylesheet" href="design.css" type="text/css"> entre les balises <head>
on créer une div en remplacant le code existant par :
<td colspan="9">
<div id="blocnoir">ICI TU MET TON TEXTE</div>
</td>
ensuite dans le fichier design.css tu mets :
#blocnoir
{
background-url: url("images/guidessub_17.jpg");
width:"799px";
height:"322px";
}
et normalement ça devrait marcher . si tu veux ensuite délimité l'espace d'écriture tu remet une div a l'intérieur de la div et tu changes juste sa taille width et height .
faire un site avec des tableau c'est pas très top , et aussi utilisé la balise cente'r mais bon c'est pas grave .
pour pouvoir écrire sur le bloc noir dans "Guides récent" par exemple , le code du cadre noir est donc :
<td colspan="9">
<img src="images/guidessub_17.jpg" width="799" height="322" alt="">
</td>
on va utiliser le css pour mettre l'image en background :
Si tu as déja un css linké a la page html tu mettras le css dedans sinon tu mets :
<link rel="stylesheet" href="design.css" type="text/css"> entre les balises <head>
on créer une div en remplacant le code existant par :
<td colspan="9">
<div id="blocnoir">ICI TU MET TON TEXTE</div>
</td>
ensuite dans le fichier design.css tu mets :
#blocnoir
{
background-url: url("images/guidessub_17.jpg");
width:"799px";
height:"322px";
}
et normalement ça devrait marcher . si tu veux ensuite délimité l'espace d'écriture tu remet une div a l'intérieur de la div et tu changes juste sa taille width et height .
naruto-94
Messages postés
865
Date d'inscription
mercredi 17 août 2005
Statut
Membre
Dernière intervention
20 décembre 2012
188
Modifié par naruto-94 le 15/06/2010 à 16:27
Modifié par naruto-94 le 15/06/2010 à 16:27
-Est-ce qu'avec cette technique je peux remplacer tout mon design par des <Div> ?
Oui avec cette technique tu peux remplacer tout ton design par des div , en plus d'être très pratique c'est conseillé .
-qu'es-que ca change pour créer un lien vers une autre page?
Si j'ai bien compris la question non rien ne change pour créer un lien vers une autre page .
Que me conseil tu pour aligner les bords et le design sur toutes les navigateurs,résolutions et ordinateurs?
pour ça il n'existe pas de propriété définit en css dont il existe plusieurs technique , va voir ici https://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html
Je n'ai pas compris le probleme des bordures .
Pour l'overflow il faut que tu mettes les propriétés : overflow:auto; etc dans le css dans la partie blocnoir !
Oui avec cette technique tu peux remplacer tout ton design par des div , en plus d'être très pratique c'est conseillé .
-qu'es-que ca change pour créer un lien vers une autre page?
Si j'ai bien compris la question non rien ne change pour créer un lien vers une autre page .
Que me conseil tu pour aligner les bords et le design sur toutes les navigateurs,résolutions et ordinateurs?
pour ça il n'existe pas de propriété définit en css dont il existe plusieurs technique , va voir ici https://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html
Je n'ai pas compris le probleme des bordures .
Pour l'overflow il faut que tu mettes les propriétés : overflow:auto; etc dans le css dans la partie blocnoir !
keepsloveme
Messages postés
11
Date d'inscription
mercredi 28 avril 2010
Statut
Membre
Dernière intervention
15 juin 2010
15
Modifié par keepsloveme le 15/06/2010 à 14:55
Modifié par keepsloveme le 15/06/2010 à 14:55
ça marche parfaitement ! merci beaucoup tu m'enlève une épine :D
Est-ce qu'avec cette technique je peux remplacer tout mon design par des <Div> ?
qu'es-que ca change pour créer un lien vers une autre page?
Que me conseil tu pour aligner les bords et le design sur toutes les navigateurs,résolutions et ordinateurs?
Merci encore pour ta réponse très rapide qui fonctionne !
EDIT:: euh,je n'arrive plus a appliquer les bordures sur cette page comment je peux faire? et aussi je voulais utilisé le même systéme d'overflow que sur la page news mais ca ne fonctionne pas non plus ! peux-tu résoudre ce problème?
Code Overflow:
EDIT²: J'ai appliqué en <style></style> le code des bordures :)
Code Overflow:
Est-ce qu'avec cette technique je peux remplacer tout mon design par des <Div> ?
qu'es-que ca change pour créer un lien vers une autre page?
Que me conseil tu pour aligner les bords et le design sur toutes les navigateurs,résolutions et ordinateurs?
Merci encore pour ta réponse très rapide qui fonctionne !
EDIT:: euh,je n'arrive plus a appliquer les bordures sur cette page comment je peux faire? et aussi je voulais utilisé le même systéme d'overflow que sur la page news mais ca ne fonctionne pas non plus ! peux-tu résoudre ce problème?
Code Overflow:
{
width:314px;
height:340px;
text-align:justify;
}
.auto
{
overflow:auto;
}
EDIT²: J'ai appliqué en <style></style> le code des bordures :)
Code Overflow:
keepsloveme
Messages postés
11
Date d'inscription
mercredi 28 avril 2010
Statut
Membre
Dernière intervention
15 juin 2010
15
15 juin 2010 à 15:30
15 juin 2010 à 15:30
Ok je test ça merci encore pour toutes tes réponses très clair :)
je pense que je vais me mettre a faire les pages en divs en plus ca fait gagner du temps mais là je regarde pour un rollover voir comment ça marche.
L'overflow marche pour les images?
je pense que je vais me mettre a faire les pages en divs en plus ca fait gagner du temps mais là je regarde pour un rollover voir comment ça marche.
L'overflow marche pour les images?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
naruto-94
Messages postés
865
Date d'inscription
mercredi 17 août 2005
Statut
Membre
Dernière intervention
20 décembre 2012
188
Modifié par naruto-94 le 15/06/2010 à 16:33
Modifié par naruto-94 le 15/06/2010 à 16:33
oui je pense que l'overflow marche pour les images , il faudra évidemment que l'image se trouve dans un div qui aura en propriété css "overflow" , si elle est en arrière plan je ne sais pas ( je ne crois pas ) .
De rien , reviens si tu as d'autre questions ou si ce que je dis ne marche pas :)
De rien , reviens si tu as d'autre questions ou si ce que je dis ne marche pas :)
keepsloveme
Messages postés
11
Date d'inscription
mercredi 28 avril 2010
Statut
Membre
Dernière intervention
15 juin 2010
15
Modifié par keepsloveme le 15/06/2010 à 18:00
Modifié par keepsloveme le 15/06/2010 à 18:00
-Euh,alors j'ai tester l'overflow mais ce dernier défile les images verticalement,hors j'aimerais les mettres en horizontal...
Il faut surement aligner les images en horizontal mais comment? :p
Le rollover image est en javascript apparement je peux pas le mettre dans la balise Div qui contient blocnoir + overflow car ca me donne rien alors que le rollover marche sans l'overflow...
-Sinon j'ai commencer a refaire le design en div en suivant la même procédure que tu m'a décrite et qui marchait mais ca ne m'affiche qu'une page noir alors que logiquement il devrait y avoir au minimum trois images :S
J'ai noté comme les ID avec des chiffres ptet pour ca non?
genre
#1
#2
#etc...
EDIT: après quelques test je viens de remarquer que ta première technique ne marchais pas et qu'en fait c'etait un coup de bol car le fond était noir donc ducoup j'ai pas vu tout de suite :)
et en mettant ca sur une page normal blanche logiquement il devrait y avoir un bloc noir mais il n'y a rien !
J'ai revérifié le code mais je ne comprends pas ce qui peut clocher j'ai bien placer mon css toutes les adresses sont bonnes mais il n'y a rien a faire apparement !
J'ai vu que t'avais mis background-url: url("XXX.format")
J'ai tester avec background-image: url("xxx.format")
et ca fait rien :S
EDIT²: encore plus bizzare donc je met le contenu de div directement dans la page et là ca fonctionne donc c'est :
et je met le même code dans mon fichier css,et je met le lien dans les balises head = ca me délimite la zone mais par un carré blanc ou transparent au lieu de l'image pourtant c'est le même code T_T
Il faut surement aligner les images en horizontal mais comment? :p
Le rollover image est en javascript apparement je peux pas le mettre dans la balise Div qui contient blocnoir + overflow car ca me donne rien alors que le rollover marche sans l'overflow...
-Sinon j'ai commencer a refaire le design en div en suivant la même procédure que tu m'a décrite et qui marchait mais ca ne m'affiche qu'une page noir alors que logiquement il devrait y avoir au minimum trois images :S
J'ai noté comme les ID avec des chiffres ptet pour ca non?
genre
#1
#2
#etc...
EDIT: après quelques test je viens de remarquer que ta première technique ne marchais pas et qu'en fait c'etait un coup de bol car le fond était noir donc ducoup j'ai pas vu tout de suite :)
et en mettant ca sur une page normal blanche logiquement il devrait y avoir un bloc noir mais il n'y a rien !
J'ai revérifié le code mais je ne comprends pas ce qui peut clocher j'ai bien placer mon css toutes les adresses sont bonnes mais il n'y a rien a faire apparement !
J'ai vu que t'avais mis background-url: url("XXX.format")
J'ai tester avec background-image: url("xxx.format")
et ca fait rien :S
EDIT²: encore plus bizzare donc je met le contenu de div directement dans la page et là ca fonctionne donc c'est :
#en_tete
{
width: 799px;
height: 322px;
background-image: url("images/guidessub_17.jpg");
background-repeat: no-repeat;
}
et je met le même code dans mon fichier css,et je met le lien dans les balises head = ca me délimite la zone mais par un carré blanc ou transparent au lieu de l'image pourtant c'est le même code T_T
naruto-94
Messages postés
865
Date d'inscription
mercredi 17 août 2005
Statut
Membre
Dernière intervention
20 décembre 2012
188
15 juin 2010 à 23:59
15 juin 2010 à 23:59
Re,
pour les images et les mettres horizontal là tu peux utiliser un tableau et ne pas afficher les bordures
<table>
<tr>
<td>image</td>
<td>2eme image</td>
<td>.......</td>
</tr>
</table>
ça doit surement marcher mais je n'en suis pas sur , et de plus je ne sais pas si c'est une bonne méthode à appliquer .
c'est bizarre pour le rollover il faudrait que tu mettes le code pour voir .
pour les ID je ne sais pas si les chiffres sont accepté essaie avec que des lettres , et n'oublie pas de mettre un id a la div . <div id="1"> etc..
et pour le probleme d'image je sais ça doit etre quoi le probleme , en faite comme tes fichiers css sont dans le dossier css l'adresse relatif cherche un dossier images se trouvant dans le dossier css alors qu'elle est a un dossier en dessous . donc il faut mettre url("../images/guidessub_17.jpg") au lieu de url("images/guidessub_17.jpg")
../ signifie qu'on descend d'un niveau dans l'arborescence .
pour les images et les mettres horizontal là tu peux utiliser un tableau et ne pas afficher les bordures
<table>
<tr>
<td>image</td>
<td>2eme image</td>
<td>.......</td>
</tr>
</table>
ça doit surement marcher mais je n'en suis pas sur , et de plus je ne sais pas si c'est une bonne méthode à appliquer .
c'est bizarre pour le rollover il faudrait que tu mettes le code pour voir .
pour les ID je ne sais pas si les chiffres sont accepté essaie avec que des lettres , et n'oublie pas de mettre un id a la div . <div id="1"> etc..
et pour le probleme d'image je sais ça doit etre quoi le probleme , en faite comme tes fichiers css sont dans le dossier css l'adresse relatif cherche un dossier images se trouvant dans le dossier css alors qu'elle est a un dossier en dessous . donc il faut mettre url("../images/guidessub_17.jpg") au lieu de url("images/guidessub_17.jpg")
../ signifie qu'on descend d'un niveau dans l'arborescence .
