Partage
  • Partager sur Facebook
  • Partager sur Twitter

Texte trop bas

Onglet

2 janvier 2006 à 15:26:17

Bonjour à Tous !!

J'ai un petit probléme pas bien méchant sur mon début de site web...
J'ai choisi un petit format de design (400px :D ) et j'ai pensé à faire une navigation par onglet... :euh:

Constater vous même : http://winnie.netclick.fr/ (compatible FF)
Le texte devrait s'aligner avec l'onglet mais pas ecrire dessus :lol: et c'est pas du tout sa...

Je pense que le probléme viens du positionnement de mes div :
<div id="corps">

<div class="banniere"></div>

<div id="menu_lateral">
<br/>
<br/>
<br/>
<br/>
</div>

<br/>

<h2>WinUx ? Pourquoi ?</h2>
<p>Quand j'ai essayé Linux pour la premiére fois, je me suis vite rendu compte que cela est devenu un cauchemard car il n'y avait pas de documentation compléte à ce sujet.</p>
<p>Ah oui ! Le nom, j'oubliais ! Ce nom viens d'un croisement entre Windows et Linux.</p>

<h2>Que contiendra ce site ?</h2>
<p>Vous trouverez de l'aide sur des sujets divers, des astuces Windows ou Linux, des tutorial, un forum...Et plein d'autre encore !</p>

<h2>L'auteur ?</h2>
<p>L'auteur, c'est moi, W!nn!3 sur le net mais dans la vrai vie je suis un collégien de 13 ans qui adore l'informatique !</p>

<h2>Pouquoi un petit design ?</h2>
<p>Ce n'est pas mon premier site...La plupart n'ont pas reussi car le design était peu élaboré...Donc pour celui là, je fais un design simple et clair !</p>
</div>


Puis mon index.css

body
{
width : 800px;
margin-top : 15px;
margin-bottom : 20px;
background-color : #106C8E;
}

#corps
{

background-color : #FFFFFF;
width : 350px;
margin-left : 350px;
border : 1px dashed black;
padding : 4px;
font-family : Trebuchet MS;
}

#corps h2
{
   height: 40px;

   background-image: url("Image/Titre/h2.gif"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 40px;
   color: black;
   text-align: left;
   text-decoration : underline;
}

.banniere
{
width : 350px;
height : 200px;
background-image : url("Image/Design/Banniere/banniere.jpg");
}

#menu_lateral
{

width : 30px;
background-color : #FFFFFF;
margin-left : 353px;
padding : 2px;
font-family : Trebuchet MS;
border : 1px dashed;
border-left : 0px;
}

:D

Merci

++
W!nn!3
  • Partager sur Facebook
  • Partager sur Twitter
2 janvier 2006 à 16:25:23

Ils sont ou les onglets?
  • Partager sur Facebook
  • Partager sur Twitter

Texte trop bas

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown