Learning Design
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
Accueil  Dernières imagesDernières images  Rechercher  S'enregistrerS'enregistrer  Connexion  
Le Deal du moment : -20%
-20% Récupérateur à eau mural 300 ...
Voir le deal
79 €

 

 Cours de KiiMy

Aller en bas 
2 participants
Aller à la page : Précédent  1, 2, 3, 4  Suivant
AuteurMessage
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 10:42

D'accord. Ensuite, pour ta page index.html, tu mets ce code :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
<title>Eden Horse</title>

<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body leftmargin="0" topmargin="0" style="background-image: url(essaisdefond.png.png);" marginheight="0" marginwidth="0">

<img src="headeressais.png" alt="" border="0" height="100" width="1000">

<div id="kiimy" style="position: absolute; left: 120px; top: 100px;"><iframe src="accueil.html" name="kiimy" align="middle" frameborder="0" height="1000" width="760"></iframe></div>

</body>
</html>

Tu remplaces donc ton code actuel par celui-là (c'est la même chose, mais avec les tailles des images et de l'i-frame correctes)
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 10:44

Ok car la regard sa se répete c'est pour sa que j'avais changer de fond x)
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 10:46

En fait, la répétition du fond, tout dépend de la résolution d'écran qu'on les visiteurs. C'est justement là le problème, c'est que sur internet, rien n'est fixe. Il faut faire attention à ce que ça joue chez tout le monde. T'inquiètes pas, on va arranger ça. C'est pas compliqué à faire, mais on finit d'abord ce qu'on a commencé.

Sinon, tu as hébergé la page accueil.html dans le dossier "test" ? Parce qu'elle ne s'affiche pas.
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 10:47

si je l'es mise ^^
Mais sa n'affiche rien =/ (enfin pas "accueil"
Nan c'est parce que je sias pas écrire x) attend je remets index ^^
EDIT: C'est bon mais sous accueil c'est blanc =/
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 10:55

Ah oui, j'avais pas pensé à ça. Tu utilises Internet Explorer ?
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 10:56

Les deux, en fait avec mozilla je peut plus cliquer sur "parcourir" même pour heberger des image alors pour sa j'utilise IE si non mozilla ^^
EDIT: a oui avec mozilla c'est pas blanc ^^
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 11:00

Ok. Parce qu'en fait sur Firefox (Mozilla), le fond de la page accueil.html est transparent. Mais Internet Explorer ne gère pas la transparence, donc il affiche un fond blanc. Par contre, pour remédier à ça, franchement je ne sais pas commen faire.

Sinon, je t'ai transformé ton fond, c'est à dire que je l'ai élargi pour que ça joue avec les écrans plus grand.

Tu vas donc enregister le fond ci-dessous. Tu changes son nom et tu mets "essaisdefond.png", puis tu l'héberges dans le dossier "test".

FOND :

Spoiler:
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 11:02

Ok merci, donc j'ai pas besoin de re-heberger index ?!
je vias péter un cable (désoler du vocabulaire) avec mozilla je peut même plus enregistrer !!!!!!!
T'as pas une solution ?


Dernière édition par KiiMy le Ven 10 Juil - 11:03, édité 1 fois
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 11:03

Non. On a pas refait de changements dessus.
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 11:04

ok, merci j'ai éditer mon message ^^
C'est bon mais c'est pas la bonne couleur xD enfin si non c'est pas centrer, enfin je veux dire y'a un gros truc bleu a droite est un tout petit a gauche c'est normal ?


Dernière édition par KiiMy le Ven 10 Juil - 11:07, édité 1 fois
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 11:06

Ca veut dire quoi je ne peux pas enregister avec "Mozilla" ? Enregister l'image ?

Quand je vais sur ton site ça joue pour moi.
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 11:18

Oui, c'est bon mais j'ai du faire un copier coller dans photofiltre, la fenêtre quand tu enregistre ne s'affiche plus TT-TT
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 13:31

Bizarre... enfin bref.

Donc maintenant tu vas mettre sur ta page d'accueil ce que tu avais sur l'autre page (avant qu'on mette en place les i-frames). Puis tu réhéberges la page accueil.html.

En même temps, tu peux héberger la page CSS (il me semble que tu en avais une). Tout ça dans le dossier "test".
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 16:15

ok
je fais sa tout de suite
fait, mais sa me fait deux ascenseur T-T
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 17:17

Si tu ne veux pas l'ascenceur, il faut mettre la longueur de l'i-frame plus longue.

Je te mets le bout de code de ta page index.html qui définit les i-frames :

Code:
<div id="kiimy" style="position: absolute; left: 120px; top: 100px;"><iframe src="acceuil.html" name="kiimy" align="middle" frameborder="0" height="1000" width="760"></iframe></div>

Ce qu'il te faut changer, ce'st le height="1000". Tu mets une valeur plus grande que 1000 (pixels).
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptyVen 10 Juil - 18:42

Ok merci beaucoup ^^
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptySam 11 Juil - 8:26

Donc on va faire le CSS maintenant si tu veux. Tu avais déjà une page CSS il me semble avant ? Si oui, tu peux me poster le code ici stp : entre les balises (code) et (/code), en remplaçant bien sûre les ( ) par [ ]
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptySam 11 Juil - 11:46

Ok, en fiat j'ai pas encore mis la ligne que tu m'a donner car j'étais pas sur le bon PC ^^"

Voila mes page de CSS:

Code:
body
{
    background-image: url("essais2.png");
   color: #800080 ;
   
     
}


#menu
{
  float: left;
  width: 100px;
}

table /* Le tableau en lui-même */
{
  margin: auto; /* Centre le tableau */
  border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
  border-collapse: collapse; /* Colle les bordures entre elles */
}


th /* Les cellules d'en-tête */
{
  background-color: #a1f4f0;
 
}

td /* Les cellules normales */
{
  border: 1px solid black;
  text-align: center; /* Tous les textes des cellules seront centrés*/
  padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
  background-color: #a1f4f0;
}


Code:
body
{
    background-image: url("fondfleur.png");
   color: #800080 ;
   
     
}

p
{
color: red;
}

th /* Les cellules d'en-tête */
{
  background-color: #a1f4f0;
  }
td /* Les cellules normales */
{
 
  background-color: #a1f4f0;
}


Voila ^^
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptySam 11 Juil - 14:49

Question : pourquoi tu en a 2 ?

Normalement on en a qu'une.

Héberge celle que tu veux utiliser dans le dossier "test" (sur l'hébergeur), et on fera des modifications ou ajouts à partir de celle-là.
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptySam 11 Juil - 14:57

En fait c'est parce que selon les page je veux ou non les contour de mes tableaux Wink
Si non je le mes comme sa le code parce que là y'a le fond ^^
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptySam 11 Juil - 15:05

Non, tu enlèves le fond puisqu'on l'a mis dans la page HTML.

Après, est-ce qu'il y a des trucs en particulier que tu voudrais faire dans ton CSS ?
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptySam 11 Juil - 15:08

...
Non ... enfin je crois ...
Bon j'aimerais que " connexion" sois dans la bande bleu.
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptySam 11 Juil - 15:19

Par bande bleu, tu entends "pas sur la partie turquoise claire", mais sur la partie "turquoise foncé" ? Si c'est ça, il faut qu'on installe une deuxième i-frame (ou un div, c'est peut-être plus simple). Mais c'est en tout cas pas par le CSS.
Revenir en haut Aller en bas
KiiMy
Little designer



Nombre de messages : 97
Age : 28

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptySam 11 Juil - 16:35

Ok, mais je vois pas se qu'on peut faire en plus avec le CSS en fait x)
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 EmptySam 11 Juil - 19:16

On peut faire des milions de choses avec le CSS Wink

Tu peux me mettre le code ici de ce que tu voudrais mettre sur la partie foncée stp. Parce que je ne suis pas sûre qu'on puisse mettre ça dans un div.
Revenir en haut Aller en bas
Contenu sponsorisé





Cours de KiiMy - Page 3 Empty
MessageSujet: Re: Cours de KiiMy   Cours de KiiMy - Page 3 Empty

Revenir en haut Aller en bas
 
Cours de KiiMy
Revenir en haut 
Page 3 sur 4Aller à la page : Précédent  1, 2, 3, 4  Suivant
 Sujets similaires
-
» Cours de E.
» Cours de ju-dom
» Cours de Its-Clo
» [COURS] Introduction au cours d'HTML

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Learning Design :: World wide web :: L'école :: Anciens cours d'élèves :: Site-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser