Actualité informatique
Test comparatif matériel informatique
Jeux vidéo
Astuces informatique
Vidéo
Télécharger
Services en ligne
Forum informatique
01Business

|-  INTERNET


|||-  

HTML & CSS, Réalisation d'une mise en page... particulière

 

1 utilisateur anonyme et 122 utilisateurs inconnus
Ajouter une réponse
 

 
Page photos
 
     
Vider la liste des messages à citer
 
 Page :
1
Auteur
 Sujet :

HTML & CSS, Réalisation d'une mise en page... particulière

RÉSOLU
Prévenir les modérateurs en cas d'abus 
Utilisateur de Ubuntu et depuis peu, et content d'
  1. homepage
  2. config
clement-2000
Présent de temps en temps (De 50 à 99 messages postés)
  1. Posté le 10/08/2018 à 13:27:24  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonjour,

Je suis en train de travailler sur la V3 de mon site internet (reconstruction quasi complète).


Durant la réalisation de la bannière logo, je me suis heurté à un problème : je n'arrive pas à superposer le nom du site et le "Bienvenue" à coté du logo, bref, comme tout cela n'est pas très clair je vous ait fait un schéma (de ce que je souhait faire et mis la V3 en zip pour que vous puissiez m'aider.





Shéma de mon site trop magnifique (titre hironique)Shéma de mon site trop magnifique (titre hironique)Voir l'image en grand0 vote

Le zip : ici
Le site actuel (inutile mais bon) : ici

Merci d'avance pour votre aide,
Bonne journée,

Clément.

PS : N’hésitez pas à changer le titre vers quelque chose de plus clair.
PS2 : Mes excuses d’avances si vous ne m'avez pas compris

Edit par Tintin10 : modification de la taille d'une image
Message édité par Tintin10 le 10/08/2018 à 19:24:59
  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 10/08/2018 à 15:25:26  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonjour. Voici les styles à corriger :
Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. .title img{
  2.  position:relative;
  3.  height:100%;
  4.  width:auto;
  5.  float:left;
  6.  margin-right:10px;
  7. }
  8. .title h1{
  9.  display:block;
  10.  width:auto;
  11.  color:whitesmoke;
  12.  font-family:Westinghouse_Regular;
  13.  font-size:50px;
  14.  text-transform:uppercase;
  15.  margin:0;
  16. }
  17. .title h2{
  18.  top:0;
  19.  display:inline-block;
  20.  height:auto;
  21.  width:auto;
  22.  color:whitesmoke;
  23.  font-family:LainieDaySH;
  24.  font-size:40px;
  25.  margin:0;
  26. }


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
(Publicité)
Utilisateur de Ubuntu et depuis peu, et content d'
  1. homepage
  2. config
clement-2000
Présent de temps en temps (De 50 à 99 messages postés)
  1. Posté le 10/08/2018 à 18:57:09  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
(C'est tout ??)

MERCI MERCI MERCI Tintin10 !!
Je suis stupéfait par ta rapidité, c'est wow [:ac:7] !

Bon, je me calme...
J'ai regardé les changements et en ai constaté deux majeurs :
"Float", et "Display : block" (au lieu de "inline-block" )


Ma question est donc, a que sert "Float" exactement :??: ?

ah oui, j'amerais aussi centrer toues les boutons du sélecteur (les "clic, clic" sur le schéma), j'ai essayé avec un "margin auto" 0 ou un "padding auto 0", sans résultat :'(
Message édité par Clément 2000 le 10/08/2018 à 19:02:49
  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 10/08/2018 à 20:19:30  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
"float" sert à faire flotter un objet sur l'un des bords de son contenant. Le reste du contenu (en-dehors de l'objet incriminé) va alors se placer tout autour de l'objet.
https://openweb.eu.org/article​s/initiation_float

Pour ton autre question, je vais utiliser "flex".
https://www.alsacreations.com/ [...] odule.html
Code :(Double-cliquez pour supprimer les numéros de ligne)
  1. .selector{
  2.  display:flex;
  3.  position:relative;
  4.  background:rgba(50,50,70,1);
  5.  left:0px;
  6.  right:0px;
  7.  width:auto;
  8.  height:auto;
  9.  padding:10px;
  10. }


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
Utilisateur de Ubuntu et depuis peu, et content d'
  1. homepage
  2. config
clement-2000
Présent de temps en temps (De 50 à 99 messages postés)
  1. Posté le 10/08/2018 à 21:23:56  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Merci beaucoup, Tintin10 !
Je regarderai cela plus tard,
Car je vais avoir un empêchement,

Dergniere question :
Mon travail est il "propre" ?, je veux dire : Est il bien fait, bien rigoureux, etc ?

Bonne soirée,

Clément !

PS : tu risques d'avoir d'autres questions sur le web design :D :D !

(Publicité)
  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 11/08/2018 à 16:01:08  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Oui, c'est bien, tu respectes bien le H.T.M.L. 5 (pas d'attribut de style, tout passe en C.S.S.), et côté styles, c'est bien séparé avec des classes.


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
Utilisateur de Ubuntu et depuis peu, et content d'
  1. homepage
  2. config
clement-2000
Présent de temps en temps (De 50 à 99 messages postés)
  1. Posté le 11/08/2018 à 21:23:26  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Y0upi !
Merci encore !

  1. config
tintin10
Habitué (de 5 000 à 9 999 messages postés) Développeur
  1. Posté le 12/08/2018 à 09:21:42  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
De rien, avec plaisir.


---------------
Configuration matérielle : voir ce lien
Merci de respecter les règles du forum
(Publicité)
 Page :
1

Aller à :
 

Sujets relatifs
Problèmes d'ouverture page Internet sous XP "Mise à jour" OUTLOOK ? Il m'est impossible de lire un message....
CPL Réalisation Réseaux PC XP, Neufbox, décodeur TVHD Page web particulière bloquée sur 1 ordi et pas sur 1 autre
RESOLU ....aide pour realisation reseau familial cherche equipe pour réalisation d'un futur site web
Realisation d'un site sur l'informatique: CHERCHE WEBMASTERS!!! realisation reseau local dans un sens
Plus de sujets relatifs à : HTML & CSS, Réalisation d'une mise en page... particulière

Les 5 sujets de discussion précédents Nombre de réponses Dernier message
comment s'assurer du bon fonctionnement d'un vieux site 7
Conception gestion stocks e-commerce 0
Supprimer un noeud en htlm 20
Comment intégrer un calculateur 16
Ligne variablée en HTML 4