Sujet : [INTERNET]enlever la barre de defilement horizonta | |  Posté le 06-09-2005 à 01:40:15
| salut,
pour les créateurs de site web, qui comme moi ont eu le malheur de voir débarquer une barre de défilement horizontal dans une frameset par exemple, je m'en vient proposer mon aide...
Pour éradiquer cette daube, il faut quelques notions de html
1- style de vos pages.
Plutot que de définir un style et de le répeter manuellement, au ptit bonheur la chance, sur vos pages opter plutôt pour un fichier ".css" .
Préparez votre première page de site définissez le style ( la couleur des liens, la couleur des liens au survol, la police à utiliser etc)...
Ensuite regardez entre les balises <head> et </head>
vous aurez un bout de code de ce type
ShaZA a écrit :
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
color: #0066FF;
font-weight: bold;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0066FF;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF0000;
}
.Style2 {
font-size: x-large;
color: #FFFF66;
font-weight: bold;
}
.Style3 {
color: #FFFF00;
font-style: italic;
font-weight: bold;
}
-->
</style>
|
séléctionner cette portion de code et faites COUPER
2- Créer le fichier .CSS
Ouvrez le bloc note et faites coller, ensuite effacez les lignes suivantes
Shaza a écrit :
<style type="text/css">
<!-- et
-->
</style>
|
Puis à tapper ce qui suit et de préférence avec la même casse, au début du texte
Shaza a écrit :
/* CSS Document */
html {
overflow-x:hidden;
} |
Si vous avez tout suivi vous avez ça comme contenu pour votre fichier CSS
Shaza a écrit :
/* CSS Document */
html {
overflow-x:hidden;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
color: #0066FF;
font-weight: bold;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0066FF;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF0000;
}
.Style2 {
font-size: x-large;
color: #FFFF66;
font-weight: bold;
}
.Style3 {
color: #FFFF00;
font-style: italic;
font-weight: bold;
}
|
faites enregistrer sous et sauvegarder le fichier dans le meme repertoire que vos pages, sous le nom de "style.css"
3- Relier le fichier "style.css" à vos pages
Dans chacune de vos page placez votre souris juste avant la balise </head> et rentrez le code suivant :
Shaza a écrit :
<LINK href="style.css" type=text/css rel=StyleSheet>
|
voila une barre qui ne nous cachera plus notre soleil... c nul mais ce soir je suis poète 
|
| | Posté le 06-09-2005 à 06:29:15
|
|
| | Posté le 07-09-2005 à 15:10:17
| En tout cas c'est une très bonne explication 
@+
|
|
|
|