debut html et css
_PWR_Bruce @ Métayer
4732pts
Inscrit le: 02 mars 2015
Messages: 3317
Navigateur : n.c.Hors ligne
Posté le: 29 septembre 2016 à 15:29 
Salut les pro du code, j'essaie de bosser un peu sur html et css, et je me retrouve coincé bêtement. En gros j'essaie de faire 2 colonnes : expérience et motivation. Pour la colonne expérience j'arrive au resultat que je voulais, mais pas moyen de mettre la colonne "motivation" comme je veux elle est pourtant calqué sur l'autre sauf qu'elle se situe a droite j'ai donc mis sur le fichier css float:right. Mais rien y fait je tourne en rond.
Et merci aux âmes charitable qui veulent bien donner un coup de pouce au novice que je suis.
Voici mon html :
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title></title>
</head>
<body>
<div id="header">Bruce</div>
<div class="left">
<h1>Expériences</h1>
<h3>restauration</h3>
<p>Afin de subvenir a mes besoins pendant mes études, j'ai travaillé en restauration. J'ai pu apprendre le travail en équipe et la relation client.</p>
<h3>informatique</h3>
<p>Depuis plus de 15 ans, je fais du dépannage informatique. Mes compétences sont variés, en voici quelques unes :</p>
<ul>
<li>conseille en hardware et en software</li>
<li>assemblage de tour</li>
<li>desinfection</li>
<li>entretien</li>
<li>assistance en ligne</li>
</ul>
<h3>la poste</h3>
<p>Je suis actuellement facteur, et j'éprouve une satisfaction à m'y sentir utile.</p>
</div>
<div class"right">
<h1>Motivations</h3>
<h3>passion</h3>
<p>L'informatique en général me passionne énormément. C'est une véritable opportunité pour moi d'apprendre le codage et de vivre de ma passion.</p>
<h3>travail d'équipe</h3>
<p>J'ai toujours aimé travaillé en équipe, cela permet de s'entre aidé, de partagé des sensations communes et surtout s'apporté à chacun de nouvelles idées constructives</p>
</div>
<div id="footer">29 rue A CHESNOT</div>
</body>
</html>
Et voici mon css:
div{
border-radius:10px;
font-family:Garamond, cursive;
font-size: 23px;
} #header{
position:fixed;
z-index:1;
text-align:center;
margin-top:-40px;
background-color: #ED7F01;
border: 5px double #ED1801;
height:50px;
width:600px;
}
.left{
float:left;
position:relative;
margin-top: 100px;
width: 40%;
height: 1200px;
background-color: #B9D7D9;
margin-bottom: 10px;
padding:5px
border: 5px double #ED1801;
}
.right{
float:right;
position:relative;
margin-top: 100px;
width: 40%;
height: 1200px;
background-color: #B9D7D9;
margin-bottom: 10px;
padding:5px
border: 5px double #ED1801;
} #footer{
clear:both;
background-color: #ED7F01;
}
NB: Le texte , on s'en fout hein, c'est un exemple 
PS : quelqu'un a une idée pour que l'on voit les tabulations ?
karismatik @ Agriculteur
1917pts
Inscrit le: 22 septembre 2004
Age: 48
Messages: 305
Localisation: Vienne
Navigateur : 
Hors ligne
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum
0 pour,
Vos jeux du moment [ GameLand ]
RTX 3080 vs 4070 Ti avec un R5 5600X ? [ Cartes Graphiques ]
Jukebox [ Le poulailler ]
Perte débit watercooling [ Watercooling ]
RDS depuis un mac sans Windows Remote desktop [ Questions diverses... ]
NEED: le topic des acheteurs compulsifs 2024 [ Le poulailler ]
Satisfaction du jour 2024 [ Le poulailler ]
ZALMAN ALPHA2 A36, bien plus que pas cher ! [ Watercooling ]
Plantages aléatoires v2 [ CPU, Cartes mères, RAM ]
Insatisfaction du jour 2024 [ Le poulailler ]