J'essaie de déplacer les éléments de la liste à l'intérieur de l'en-tête ci-dessus sans affecter la taille de l'en-tête, quelqu'un peut-il me dire comment?
Le le code de mon index.html est ci-dessous
header #service-buttons {
margin-top:10px;
}
c'est le code dans mon styles.css
<header>
<div id="service-buttons">
<nav>
<ul>
<li><a href="index.html">Unblacklisting</a></li>
<li><a href="about.html">iCloud Removal</a></li>
<li><a href="services.html">Clean IMEI</a></li>
<li><a href="index.html">Buy & Sell</a></li>
<li><a href="about.html">Reported Lost</a></li>
<li><a href="services.html">Sim Cards</a></li>
</ul>
</nav>
</div>
</header>
3 Réponses :
Essayez de définir un remplissage au lieu de la marge:
header #service-buttons {
padding-top:10px;
}
Vous pouvez essayer:
header {
position: relative;
...
}
header #service-buttons {
position: absolute;
bottom: 2px; // change according to your need
right: 4px; // change according to your need
}
Ici, ce code vous sera utile: Appliquer sur les boutons de service d'identification
#service-button { padding:8px; margin-top:20px; }
ajouter du HTML pour la maison, à propos de la question