[Résolu] Problème structure page - problème inline-block par alanbedrine - page 1

Bonjour j'aimerer que le menus de tète de page sois a coter du titre du site j'ai toute essayer mis sa ne marche pas pouvez vous m'aidez (attention si vous essayer est que le site s'affiche mal modifier les liens entre html et css):

html:

<!DOCTYPE html>

<html>

<head>

<title>Bédrine dev</title>

</head>

<body>

<h1>

Bédrine dev

</h1>

</div>

<ul>

Accueil

</a>

</li>

Service

</a>

</li>

Portfolio

</a>

</li>

Contact

</a>

</li>

</ul>

</nav>

</div>

</header>

<p align="center">Je m'appelle Alan Bédrine je suis étudiant et je suis développeur.<br>Je peux créer pour vous un site web personnel ou professionnel, qui vous ressemble.<br>Je développe des sites en HTML, CSS, PHP et MySQL,<br>je propose également de développer des sites WIX et de les gérer.<br>Vous pouvez retrouver tous les sites que j'ai créés dans l'onglet portfolio<br><br><br>Passionné par l’informatique depuis l'age de 11ans je suis très compétent dans mon domaine.<br>Alors n'hésitez pas à me contacter.</p>

</section>

<ul>

Télécharger mon CV

</a>

</li>

</ul>

</nav>

</section>

<br>

<h2>Alan Bédrine</h2>

<h3>Développeur</h3>

<br>

<h4>"Je suis motivé et dévouer pour faire ce que j'aime,<br>c'est-à-dire le développement web full-stack,<br>la programmation et l'informatique"</h4>

</section>

<br>

<h2>Compétence</h2>

<p>HTML<br>CSS<br>JavaScript<br>Jquerry<br>PHP<br>MySQL</p>

</section>

</div>

<p>

</p>

</div>

</div>

</footer>

</body>

</html>

CSS:

/* GENERAL */

body{

margin: 0px;

}

#contenu-site {

padding: 20px 0px 20px 0px;

}

.text {

padding: 30px 0px 30px 0px;

}

.btn-cv {

padding: 30px 0px 30px 0px;

}

p {

font-family: Arial, sans-serif;

}

h1,h2,h3,h4,h5,h6 {

font-family: Arial, sans-serif;

}

img.pres-img {

border-radius: 1000px;

height: 300px;

width: 300px;

}

.présentation {

background-color: #0000FF;

padding: 30px 0px 30px 0px;

}

.CV {

background-color: #ff0000;

padding: 30px 0px 30px 0px;

}

nav.btn-ctt ul li.btn {

list-style-type: none;

display: inline-block;

}

nav.btn-ctt ul li.btn a {

text-decoration: none;

color: #001FFF;

background-color: #fff;

padding: 10px;

border-radius: 20px;

border: 3px solid #001FFF;

}

nav.btn-ctt ul li.btn a:hover {

color: #fff;

background-color: #001FFF;

padding: 10px;

transition: 0.5s all;

border-radius: 20px;

border: 3px solid #001FFF;

}

nav.buton-cv ul li.btn {

list-style-type: none;

margin : auto;

}

nav.buton-cv ul li.btn a {

text-decoration: none;

color: #001FFF;

background-color: #fff;

padding: 10px;

border-radius: 20px;

border: 3px solid #001FFF;

}

nav.buton-cv ul li.btn a:hover {

color: #fff;

background-color: #001FFF;

padding: 10px;

transition: 0.5s all;

border-radius: 20px;

border: 3px solid #001FFF;

}

/* HEADER */

header {

background-color: #B5B5B5;

padding: 20px 10px 20px 10px;

}

div#tete-site {

display: inline-block;

width: 50%;

}

div#tete-site div.titre-site {

}

div#tete-site div.menu {

}

nav.menu-nav ul li.btn {

list-style-type: none;

display: inline-block;

}

nav.menu-nav ul li.btn a {

text-decoration: none;

color: #000;

background-color: #0046E7;

padding: 10px;

}

nav.menu-nav ul li.btn a:hover {

color: #000;

background-color: #00E7CE;

padding: 10px;

transition: 0.5s all;

}

nav.menu-nav ul li.btn-active {

list-style-type: none;

display: inline-block;

}

nav.menu-nav ul li.btn-active a {

text-decoration: none;

color: #000;

background-color: #00FFEC;

padding: 10px;

}

/* PORTFOLIO */

nav.menu-port ul li.btn {

list-style-type: none;

display: inline-block;

}

nav.menu-port ul li.btn a {

text-decoration: none;

color: #001FFF;

background-color: #fff;

padding: 10px;

border-radius: 20px;

border: 3px solid #001FFF;

}

nav.menu-port ul li.btn a:hover {

color: #fff;

background-color: #001FFF;

padding: 10px;

transition: 0.5s all;

border-radius: 20px;

border: 3px solid #001FFF;

}

/* FOOTER */

footer {

background-color: #B5B5B5;

padding: 20px 10px 20px 10px;

}

Forums des Zéros

Problème structure page

problème inline-block

Merci d'utiliser la balise code

Problème structure page

Problème structure page

problème inline-block

Merci d'utiliser la balise code

Problème structure page

Supprimer

Modérer

Signaler le message aux modérateurs