18043 sujets

Questions générales et questions de débutants

Bug centrage texte ....et cours à distance

bonjour
j'ai commencé à apprendre à coder seul il y a quelques mois , j'ai donc des difficultés sur des éléments qui doivent être très simples , mais sur lesquels je me prends la tête depuis plusieurs semaines .

sur un menu déroulant , puis sous-menu et sous-sous-menu , je n'arrive pas à centrer le texte dans la partie sous-menu . Aucun soucis ailleurs .....
Quelle partie du code dois-je afficher pour un débug ? et sous quelle forme ?


D'autre part , apprendre seul , c'est bien pour débroussailler , mais ça va plus très vite . J'ai essayé de prendre des cours sur LiveMentor , le format ne colle pas avec mon activité professionnelle.
J'aimerais travailler avec un prof essentiellement par échange de mail , et disons 1 fois par semaine 1 heure au tél pour débriefer . Est-ce que ce type de démarche existe dans la profession ?

merci à tous
Bonjour Vamos,

vamos a écrit :
Quelle partie du code dois-je afficher pour un débug ? et sous quelle forme ?

Etant donné que la question initiale concerne ton menu, il faille, pour toute assistance à ce sujet, que tu publie la partie html et css qui concernent ton menu.
Bien sûr s'il fait 4km de long, une version épurée est préférable.
A moins que ton code soit publié chez un hébergeur auquel cas l'adresse paraît être une bonne solution (en précisant les références car si tu as plusieurs menu, nous diriger nous permet de cibler par nous même le code concerné).
Dans l'éventualité où la précédente suggestion n'est pas remplie, il existe aussi des outils en ligne comme Codepen.Io (i love) ou encore JSFiddle (i love un peu moins) qui te permettront de publier ton menu en t'affranchissant de l'en-tête html.

vamos a écrit :
J'aimerais travailler avec un prof essentiellement par échange de mail , et disons 1 fois par semaine 1 heure au tél pour débriefer . Est-ce que ce type de démarche existe dans la profession ?
Contre rémunération rien n'est impossible sinon gratuitement, à moins d'avoir des affinités avec quelqu'un ayant des compétences dans ce domaine, ceci me paraît improbable.

Sinon la communauté Alsa, qui compte tout de même des ténors, sera toujours disponible afin de t'éclairer. Même si elle ne peut prodiguer des cours généralistes, elle t'aidera toujours sur des sujets ponctuels bien précis.

Mais avant de poser bêtement un pléthore de questions, tu peux aussi consulter les articles et tutoriels du site ainsi que les nombreux sujets du forum qui regorgent de bonnes pratiques, de liens très instructifs et d'exemple qui ont faits leurs preuves en production. D'autant que ces sujets, ouverts à débat, permettent d'obtenir différents avis qui poussent à approfondir la réflexion et donc à apprendre mais surtout à comprendre le pourquoi du comment (et vice-versa).

Bienvenue dans notre univers qui, s'il t'intéresse vraiment, te permettra à terme de réaliser des choses formidables. Smiley biggrin
voici le code HTML

ACCUEIL STRUCTURE

<!--doctype html-->
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>CARHITEK second oeuvre du batiment</title>
  
  <link rel="stylesheet" type="text/css" href="style liste.css">
  <link rel="stylesheet" type="text/css" href="style accueil.css">
  <script src="script.js"></script>
</head>
<body>


							<!--definition carhitek-->
	<header>
			<p id="titre">CARHITEK</p>
			<p>la qualité , la complémentarité , la compétence </p>
	</header>
	
	
							<!--image du log-->
	<div>
		<image src="logo.png"/>
	</div>
	
<div id="corps">
							<!--menu déroulant en tete-->
	<nav>
		<ul class="sous-menu">
			<li>chauffage
				<ul>
					<li style="background : #919191;"><a href="page chauffage electrique">électrique</a>
						<ul id="chauffage">
							<li><a href="page convecteurs">radiateurs grille-pain</li>
							<li><a href="radiants">radiateurs radiants</li>
							<li><a href="accumulation">radiateurs à accumulation</li>
							<li><a href="plancher elec">plancher ou mur chauffant électrique</li>
							<li><a href="climatisation reversible">climatisation réversible</li>
							<li><a href="chauffe eau">chauffe-eau</li>
						</ul>
					</li>
					<li style="background : #9C9C9C;"><a href="page chaudiere fuel">chaudière fuel</a>
						<ul id="fuel">
							<li>ECS</li>
							<li>ventouse</li>
							<li>cheminée</li>
							<li>bi-energie</li>
							<li> </li>
							<li> </li>
						</ul>
					
					
					
					
					
					</li>
					
					
					<li style="background : #A8A8A8;"><a href="page chaudiere bois">chaudière bois</a>
						<ul id="bois">
							<li>ECS</li>
							<li>ventouse</li>
							<li>cheminée</li>
							<li>bi-energie</li>
							<li> </li>
							<li> </li>
						</ul></li>
					<li style="background : #BDBDBD;"><a href="page PAC">PAC</a>
						<ul id="pac">
							<li>monosplit</li>
							<li>multisplits</li>
							<li>gainables</li>
							<li>ECS</li>
							<li>piscine</li>
							<li>planchers chauffants</li>
						</ul></li>
					<li style="background : #C2C2C2;"><a href="page plancher chauffant">plancher chauffant</a>
						<ul id="plancher">
							<li>électrique</li>
							<li>eau sur PAC</li>
							<li>eau sur chaudière</li>
							<li>eau sur solaire</li>
							<li>mur chauffant</li>
							<li> </li>
						</ul></li>
				</ul>
			</li>
			<li>électricité</li>
			<li>plomberie</li>
			<li>isolation</li>
			<li>menuiseries</li>
			<li>aménagements intérieurs</li>
			<li>VDI</li>
			<li>espaces verts</li>
			<li>ENR</li>
			<li>contrats d'entretien</li>
		</ul>
	</nav>
	
	
							<!--menu lateral-->
	<nav>
		<ul class="navigation">
			<li>actualités</li>
			<li>nos équipes</li>
			<li>innovations techniques</li>
			<li>particuliers</li>
		</ul>
	</nav>
	
	<br />
	
	
							<!--corps de page-->
	<section>
														<!--image d'illustration-->
			<aside id="image-section">
				<image src="image fond.jpg"/>
				<image src="image fond2.jpg"/>
				<image src="image elec.jpg"/>
			</aside>
									   					<!--description-->
			<div id="description">											
			<p>Carhitek est un regroupement de professionnels du second oeuvre du bâtiment. Placo, faux-plafonds , décoration , isolation , menuiseries , chauffage , climatisation , électricité , VDI , plomberie , VMC , petite maçonnerie .<br />
			Certains corps de métiers sont traités par nos propres équipes , les autres par des partenaires que nous choisissons , recommendons , et gérons .<br />
			Nous travaillons essentiellement auprès des entreprises , pour la rénovation , la modification , ou <strong>l'entretien des locaux</strong> et matériels .<br />
			</p>
						<a href="../particuliers/test particuliers.html"><i> Pour les particuliers , consultez notre site partenaire xxxxxxxxx </i></a>
			<p>Nous organisons la gestion globale des chantiers , permettant d'éviter les pertes de temps et de qualité liées aux incompréhensions des divers corps de métiers .</p>
			
														<!--presentation equipe-->
			<p>La coordination de l'organisation générale est gérée par <a href="page équipe">François JOLY<a/></P>
			<p>La supervision technique est assurée par <a href="page équipe">Olivier FOUGERE<a/></P>
			<p> <a href="page équipe">Carole AURIOL<a/>encadre tous les projets ayant une composante commerciale (showrooms , boutiques , organisation d'espaces extérieurs , etc...)</P>
			<p> <a href="page équipe">Marlon PARADA<a/>est responsable du suivi quotidien des équipes</P>
			</div>
	</section>
	
	
	<aside>
	</aside>
	
</div> <!--fermeture du corps-->
	<footer>
			<ul>
					<li>mentions légales</li>
					<li>contacts</li>
			</ul>
	</footer>
  
</body>
</html>



et la feuille de style
STYLE LIST


ul {list-style: none;}
li { width : 100px ;
	height : 40px ;
	border: 5px ridge;
	center ;
	line-height:40px;}


STYLE ACCUEIL

.sous-menu {
  
  color: #fff ;
  border: none ;
  border-bottom : 5px solid #FE9A2E ;
  position : absolute ;
  margin : 10% 1% 75% 10% ;
  padding : 5px 5px 0px 5px ;
  
  

  
}
.sous-menu li { 	background: #585858 ;
				display : inline-block ; 
				text-align : center; 
				vertical-align : text-top ;
				background-image:linear-gradient(to bottom, #848484 0%, #1C1C1C 100%);
				
				}
.sous-menu li ul {
				position : absolute;
				left : -500em;
				
				z-index : 1000;
	
	
}
.sous-menu li:hover ul{ 
				position : absolute ;
				left : -0em ;
				margin : 3% 1% 75% 0% ;
				padding : 5px 0px 0px 0px ;
				background: none ;
				display : inline-block ; 
				
				
				
	
}
.sous-menu li li:hover > a { color : #efae6c;}
.sous-menu li li {
				border : none ;
				padding : 1px 0px 1px 0px ;
				float : left ;
				width : 226px;
				
}			

.sous-menu li:hover ul ul {
				position : absolute;
				left : -500em;
				z-index : 1000
	
	
}
.sous-menu li li:hover ul{width: 226px;
				display :block;
				color:#ffffff;
				left:0em;
}


.sous-menu a {
				float: left;
				height: 25px;
				color: #000000;
				text-transform: uppercase;
				font: bold 12px/25px Arial, Helvetica;
				text-decoration: none;
	
	
}
.sous-menu ul ul a {
				float:none;
				height:12px;
				padding:0;
				font: bold 12px/20px Arial, Helvetica;
				color:#ffffff;
}



#chauffage {padding:0 0 0 0;}
#fuel {padding:0 0 0 226px;
		}
#bois {padding:0 0 0 452px;
		}
#pac {padding:0 0 0 678px;
		}
#plancher {padding:0 0 0 904px;
		}

		
.navigation {
    border: none ;
  border-bottom: 5px solid blue ;
  padding : 5px 5px 0px 5px ;
  position : absolute ;
  margin : 18% 90% 1% 1% ;
  
}

.navigation li {
				background: #088A29 ;
				text-align : center;
				vertical-align : middle ;
				background-image:linear-gradient(to bottom, #CFFF6A 0%, #677F35 100%);
}


header {		
			position : absolute ;
			margin : 0% 1% 95% 10% ;
			padding : 0px 420px 5px 420px ;
			text-align : center;
			font-family : impact , "arial black" ;
			vertical-align : text-top ;
			line-height : 1% ;
		 }
		 
#titre { 	font-size : 60px ;
		}		 
		 
		 
#logo {  
			position : absolute ;
			margin : 1% 90% 95% 1% ;
}

section {  
			position : absolute ;
			margin : 15% 17% 1% 10% ;
			font-size:20px;
			
}

#image-section { float:right ;
				width:300px;}

footer {  		
			position : absolute ;
			margin : 45% 1% 1% 1% ;
			padding : 0px 510px 0px 510px ;}
			
footer li {			
			display : inline-block ;
			text-align : center; 
				vertical-align : text-top ;
}



<quote>Bien sûr s'il fait 4km de long</quote> ça doit faire juste 3km et demi ..... Smiley lol
si c'est trop long , faut m'expliquer comment faire autrement , je m'améliorerais la prochaine fois

Greg_Lumiere a écrit :
Contre rémunération rien n'est impossible

ça me semblait évident Smiley cligne

Greg_Lumiere a écrit :
tu peux aussi consulter les articles et tutoriels du site

ça fait 6 mois que je compulse tout ce que je peux , le site est génial Smiley jap
Modifié par vamos (09 Sep 2016 - 14:32)
3km et demi, seulement ???

Quand je parlais de Codepen t'étais encore en train de discuter avec ton voisin, hein ?!

Je manque de temps pour m'y plonger mais je peux dores et déjà te dire qu'en css "center" n'est pas une propriété valide.

On ne peut mettre center ainsi et espérer centrer quoi que ce soit.

Essaie plutôt à la place (en supposant qu'il s'agisse du texte) un text-align: center; Smiley langue
ok ok c'est le début... c'est ton "premier" (apparemment) site web.. mais justement !! il faut absolument que tu prenne en compte le coté responsive, et tout de suite même ! ^^

pour te repondre, tu as un 

sous-menu a{
    float: left;
}


donc les sous menu ont leur texte à gauche et pas centrer.
Modifié par JENCAL (09 Sep 2016 - 14:46)
Si j'ai bien compris le truc , je fais un copié-collé




.......et je suis sur le Wooooooorld wide web Smiley smile


c'est con , ça m'impressionne toujours
JENCAL a écrit :
pour te repondre, tu as un 

sous-menu a{
    float: left;
}


donc les sous menu ont leur texte à gauche et pas centrer.


ça marche
évidemment , c'était tout simple , juste assez pour me vexer Smiley biggol

bon , maintenant , mes sous-sous menus ne sont plus collés lors du déroulé .....je vais me casser un peu la tête dessus avant de faire un SOS
Modifié par vamos (09 Sep 2016 - 17:29)
Par contre , ma question pour les cours éventuels reste entière .
Si vous connaissez quelqu'un , ou une structure qui puisse rentrer dans ce cadre , ça m'interesse Smiley jap
Sujet clos
Aller à