ConnexionConnexionInscription
B E A D G
326 connectés Sweepyto Guitare

problème d'html

#1
12/05/2008 15:24:14
 j'ai un petit souci d'html

j'ai un besoin urgent de créer une page de présentation avec 2 ou 3 frames (j'en aurais bien fait 3 pour le fun) mais rien ne marche , pourtant je suis sur de ne m'etre trompé nul part

existe t-il des éditeurs html gratuits qui gèrent les frames? j'utilise NVU mais je n'ai pas l'impression qu'il fasse ça
0
0
#2
12/05/2008 15:27:07
 -Les frames c'est dépassé et c'est le mal !!!
-Le html s'apprend vite et tu perdras moins de temps à apprendre et faire ça à la main qu'a utiliser un mauvais Wysiwyg
-Zip moi tout ca et envoie le par mail, je vais y jeter un oeil (je te file mon mail en MP)
0
0
#3
12/05/2008 15:30:28
 je suis d'accord... sauf que là ça urge je m'y prend tard et le HTML est de rigueur pour l'exercice

je connais l'html mis à part que là... ça ne marche pas , inexplicablement , au lieu d'avoir les frames qui s'affichent j'ai juste la ligne de code du fichier "index"

c'est pour les cours et c'est noté... donc autant que je respecte les désirs de mon cher professeur
0
0
#4
12/05/2008 15:43:41
 File l'url ou le code, je vais y jeter un oeil, c'est surement pas grand chose (une balise mal fermée ou une connerie du genre)
0
0
#5
12/05/2008 17:32:25
Pas mieux que Keupon, laisse tomber les frames...
L'idéal reste de recourir aux includes php pour les remplacer.

Par contre, les WYSIWYG, faut les choisir... NVU, son seul atout, c'est sa gratuité.
Reste que coder à la main est une perte de temps (du moins en ce qui me concerne : je vais quand même plus vite avec Dreamweaver en corrigeant le code à mesure qu'en faisant tout au bloc-notes ).

Sinon, Riton, balance ton code ici, ça sera simple de trouver le problème.
A tout hasard, si tu décides d'opter pour les includes au lieu des frames : tutorial ici.
0
0
#6
12/05/2008 17:34:49
  c'est réglé en fait

merci à Keupon et au bloc note

les frames sont une condition obligatoire de l'exercice...sinon j'aurais fait autrement

edit: merci aussi Chips


0
0
#7
12/05/2008 17:38:18
 
Chips
Pas mieux que Keupon, laisse tomber les frames...
L'idéal reste de recourir aux includes php pour les remplacer.

Par contre, les WYSIWYG, faut les choisir... NVU, son seul atout, c'est sa gratuité.
Reste que coder à la main est une perte de temps (du moins en ce qui me concerne : je vais quand même plus vite avec Dreamweaver en corrigeant le code à mesure qu'en faisant tout au bloc-notes ).

Sinon, Riton, balance ton code ici, ça sera simple de trouver le problème.
A tout hasard, si tu décides d'opter pour les includes au lieu des frames : tutorial ici.
 C'est la toute la différence entre le bon et le mauvais utilisateur de Wysiwyg : le bon sait coder via bloc note !!!
Sinon on a trouvé le coupable, c'est le colonel Wysiwyg avec la balise <pre> dans le cul à Riton !!!
J'ai rien contre les Wysiwyg, je ne m'en sers pas parceque je suis codeur Php donc le gain de temps serait négligeable (j'utilise notepad++ quand meme pour la coloration syntaxique). Je suis sur que le Wysiwyg est un outil merveilleux pour le webmaster/designer chevronné mais pour un débutant c'est plus une source d'emmerdes qu'autre chose.
0
0
#8
12/05/2008 17:44:19
La balise <pre>
C'est obsolète, ce truc-là...

Tout-à-fait d'accord : un WYSIWYG sans connaître au moins les bases du HTML/CSS, c'ets pas l'idéal.
Pour être honnête, ma version de DW est antédiluvienne (MX2004), ce qui fait que j'interviens souvent dans le code (et je fais les CSS à la main).
Mais oui, dans le cas d'un webdesigner/intégrateur, c'est un gain de temps appréciable.
Cela dit, je conçois parfaitement que les dév php préfèrent bosser à la main, c'est plus logique dans leur cas (mon équipe de dév bosse aussi sous Notepad++).
0
0
#9
12/05/2008 17:50:30
Je me rappelle de mes débuts en HTML (je suis pas allé très loin par la suite, remarquez...  ) : j'ai utilisé un WYSIWYG juste le temps de me rendre compte de la merde qu'il génerait. Par la suite ça a donc toujours été au notepad...
0
0
#10
12/05/2008 17:54:36
Notepad brut c'est un peu hard quand même, Notepad ++ est plus sympa avec sa coloration syntaxique et le nesting des balises.
Dreamweaver a beau faire des trucs relous de temps en temps, il reste quand même très rapide quand on sait ce qu'on fait (faut afficher le code). Le troubleshooting fonctionne bien en général, et les modèles de fichiers sont efficaces. Y'a aussi des éditeurs WYSIWYG freeware, mais je sais pas ce qu'ils valent.
0
0
#11
12/05/2008 17:59:10
Hej,
Moi pour le peu que je fais Nvu c'était suffisant (il n'est plus mis à jour NVu faudrait aller voir Komposer pour ceux qui veulent continuer avec, mais pas énormément de MAJ non plus).

Vous avez déjà vu les vidéos de tarés qui dessinent en html au notepad ?
Genre
çà
0
0
#12
12/05/2008 19:05:44
C'est fou ton truc là .
Tin presque tu mettrait moins de temps à coder un algo qui te code ton fichier à ta place .
0
0
#13
12/05/2008 19:06:54
 c'est en accéléré j'espère la vidéo?

c'est quand meme un fou furieux le mec
0
0
#14
12/05/2008 19:13:36
"Oui, mais voilà, c'est moche"
0
0
#15
12/05/2008 19:47:57
 Y a quand meme un truc qui me dérange dans cette video, elle n'est pas juste accelérée, elle est desynchronisée (ce qui la rend déja moins interressante) et j'aurais meme tendance à penser qu'il s'agit d'un fake, pour moi le code ne correspond pas à l'image, au dela du fait que l'image devrait s'afficher à l'horizontale et non à la verticale (mais c'est peut etre la fenetre d'affichage qui a subi une rotation), ca ne colle pas et, meme si ca pourrait etre due à la desynchro, je pense que c'est un fake ou que du moins l'image n'est pas ce qu'on obtiendrait en affichant le code sous firefox ou IE.

Chips : On est tout a fait daccord, pour un pro, le Wysiwyg est précieux pour gagner du temps, pour un novice, c'est tout simplement inutile et meme nuisible (comme l'a souligné tres justement Basstyra).
0
0
#16
12/05/2008 22:30:30
 On te donne des cours dans lesquels on te demande d'utiliser des frames ?

Ça me choque.
0
0
#17
12/05/2008 22:34:44
 
Benlop
 On te donne des cours dans lesquels on te demande d'utiliser des frames ?

Ça me choque.
 ouais
0
0
#18
12/05/2008 23:05:13
 Moi c'est l'idée de filer des cours d'HTML qui me choque !!! N'importequel triso apprend ca en 1 semaine (mon ex a mis ce temps la et pourtant c'etait pas une lumiere) donc un metalleux comme riton en a pour moins d'un mois !

Plus sérieusement, en 4 ou 5 heures on sait tout ce qu'il faut savoir sur le html. Pour le CSS, compter 2 heures de plus. La ou ca devient plus compliqué c'est le graphisme ou éventuellement les langages plus avancés tels que le Php (qui n'est pas tres compliqué non plus mais tellement puissant qu'on peut difficilement en faire le tour).
0
0
#19
13/05/2008 15:48:14
 j'ai encore besoin d'aide

je voudrais mettre une photo en fond de ma frame2 (qui sert de "présentation") mais adapté à celle-ci en taille

soit elle est trop grande, ou soit quand je la redimensionne elle ne s'affiche pas

elle est hebergée sur le ftp je n'arrive pas à l'héberger autre part
0
0
#20
13/05/2008 15:50:39
Pour une pphoto en fond on utilise en général une balise <div> si je me souviens bien (plus vraiment à la mode non plus) mais je suis pas sur de comprendre à 100% ce que tu veux.
0
0
#21
13/05/2008 16:00:03
 en fait bon...j'ai la frame1 à gauche qui est un sommaire de ce que je met dans le site

et la frame2 sert uniquement de page de présentation (autobiographie de Riton quoi) mais pour faire un peu original je voudrais qu'une photo que j'ai prise soit en fond de cette frame et que j'écrive des trucs au dessus et je dois y caser une photo de moi au dessus aussi

je suppose que c'est faisable
0
0
#22
13/05/2008 16:03:33
 Oui, c'est faisable, je l'ai fait à une époque, je vais essayer de retrouver comment.
Par contre je comprend pas ton histoire de photo qui disparait quand on redimensionne.
0
0
#23
13/05/2008 16:08:50
 moi non plus je comprend pas
0
0
#24
13/05/2008 16:11:31
Je confirme : CSS avec balise <div> dans certains cas
Ca c'est ce que contient une page d'un de mes anciens sites (heureusement que je jette jamais rien) et ca affiche l'image "casquefond.gif" en milieu de page (elle ne bouge pas meme si le texte défile) et en arriere plan
<style type="text/css">
<!--
body
{
background-image:url(./casquefond.gif);
 background-position:center;
  background-position:middle;
background-repeat:no-repeat;
background-attachment: fixed;
scrollbar-face-color:black;
scrollbar-shadow-color:gray;
scrollbar-highlight-color:gray;
scrollbar-3dlight-color:gray;
scrollbar-darkshadow-color:gray;
scrollbar-track-color:black;
scrollbar-arrow-color:white;
}

//-->
</style>

Ca ca peut t'aider à comprendre un peu mieux.
http://openweb.eu.org/articles/images_css/

N'hésite pas à me mp si tu galères encore.
0
0
#25
13/05/2008 17:30:02
C'est globalement ça, Keupon, sauf que :
1) mieux vaut une feuille CSS externe : tu colles ton code CSS dans un fichier styles.css (par exemple) et tu l'appelles sur ta/tes page(s) avec : <link href="styles.css" rel="stylesheet" type="text/css"/> (à placer entre lers balises <head> et </head>) > pour plus de détails, voir le lien que j'avais donné plus haut (c'ets sur la même page que l'instruction php include).
2) tu as précisé 2 positions différentes pour le background :D
background-position:center;
background-position:middle;
Seule la position "center" est valable.
3) les attributs "scrollbar" ne seront valables que sous IE (code propriétaire Microsoft) et n'ont par ailleurs rien à voir avec le background.
4) Pour la photo qui disparaît quand tu redimensionnes, c'est très simple : en théorie, une photo en background n'est pas redimensionnable (on peut forcer le redimensionnement, mais ça n'ets pas conseillé).
Si tu essaies donc de le faire avec les attributs height et width habituels, le navigateur ne comprend pas et n'affiche donc pas le background ;)

En l'occurrence, pour avoir un background, je créerais une class CSS de la manière suivante :
.bckg {
background-image:url(./monimage.jpg);
background-repeat:no-repeat;
}

Dans le HTML :
<div class="bckg">ton texte ici</div>

Dernière chose : Riton, si tu as d'autres problèmes, le mieux est, soit de mettre ton code (HTML et CSS) dans ton message, soit de le poster en fichier attaché (sais pas si c'est possible ici, remarque).

PS : en plus d'openweb, une des référnces francophones en matière de CSS et standards Web : http://www.alsacreations.com
PS2 : désolé pour la mise en forme du post, suis sous Firefox...
0
0
#26
13/05/2008 17:39:26
Hej,
J'avais trouvé ça une fois, je trouvais ça marrant. En cliquant dans le menu (select a design) on change de CSS et ça change toute la présentation. 
0
0
#27
13/05/2008 17:50:47
En fait c'est pas mon code mais celui de mon ex, à l'époque elle se chargeait du html et moi du Php.
1) C'est sur que la feuille de style séparée est bien mieux, mais ca va compliquer les choses pour Riton (pas beaucoup mais pour un metalleux ca peut etre dangereux ), dans un premier temps il me parait plus simple de comprendre ce qu'on fait quand tout est au meme endroit. En fait j'utilise les CSS uniquement dans des cas spécifiques (images de fond et scrollbar globalement) donc je n'hésite pas à les intégrer à la page direct (j'utilise plutot Php quand j'ai le choix, meme si c'est moins académique)
2)Je pensais que l'un centrait horizontalement et l'autre verticalement
3) Non, rien à voir avec le background mais apres les frames et l'affreuse image de fond, je suppose que c'est la prochaine demande de Riton (ainsi que le fichier midi en boucle et les gifs animés )
4) Je n'avais pas pensé à ca, bien vu !!
0
0
#28
13/05/2008 18:03:37
1) Moui, mais tant qu'à faire, autant prendre debonnes habitudes dès le départ, après, c'ets beaucoup plus dur de changer
2) Nope, y a bien des techniques de centrage vertical, mais c'est assez délicat (à voir sur Alsacreations.com, dans les tutos).
Par ailleurs, si y a rien pour différencier tes 2 instructions background-position, comment savoir lequel est pour le vertical et lequel pour l'horizontal (sachant que, à ma connaissance, "middle" n'est pas exploité en CSS) ?
3)
Clair qu'avec les frames ET la photo en background, ça commence à ressembler à un site perso de 1999
(Riton, si t'as besoin de conseils pour l'esthétique de ton site, hésite pas, hein ).
4) J'ai pas de mérite, je baigne là-dedans depuis un bail... (commencé le HTML en 1999 et commencé à intégrer les CSS vers 2003, il me semble).
En plus, je connais un peu le gars d'Alsacreations, on traînait sur le même board à nos débuts, on a même taffé sur 3-4 projets ensemble.
0
0
#29
13/05/2008 18:11:06
*Mode  incruste ON *
Quelqu'un connaîtrait-il une méthode pour intégrer de nouvelles typos sous Joomla! ?
*Mode incruste OFF*

0
0
#30
13/05/2008 18:59:30
 en fait j'ai réussi mais c'était beaucoup plus simple que ça...

je montrerais le résultat demain , apparemment sur mon pc en wifi de là fac je ne peux pas accéder au ftp avec filezilla...alors je le ferais demain matin de la salle informatique d'ici..pas le choix


0
0