|
La Communauté Webmaster 
Tous les résultats pour hack css
| 1 |
Technique - programmation / HTML / CSS / XHTML / menu ul non cadré ; cadré si table ! |
sur: le 13-05-2008 à 23:57:20 |
| Commencé par rjl, Message par rjl |
Bonjour,
Une colonne gauche pour y loger différentes constantes dont le menu.
Ce menu en liste refuse de se cadre, reste à droite dans sa colonne dont elle n'ocupe pas toute la largeur !
Si j'ajoute, juste devant, une table contenant le même menu (même si je n'ai laissé que 2 éléments), la table occupe toute la largeur sans aucune difficulté !
La liste li reste cependant plus pratique et de plus, je n'aime pas des solutions que je ne comprends pas.
Je joins le code avec table et li <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type" />
<title>Base Aînés Ruraux 22</title>
<link href="../CSS-AR22.css" type="text/css"
rel="stylesheet" />
</head>
<body>
<div class="bodystyl">
<div class="colgch">
<div><img src="../Images22/Logo%20AR.gif"
style="text-align: left; width: 100%;" alt="Logo Aînés Ruraux" /></div>
<!-- Fin image -->
<div class="centrage">
<div class="menu">Menu</div>
<!-- Fin class Menu -->
<div class="menucorps">
<table>
<tbody class="navigation">
<tr>
<td><a href="../Index.html">Retour Accueil</a></td>
</tr>
<tr>
<td><a href="AR22-Organisation.html">Retour
Organisation</a></td>
</tr>
<ul class="navigation">
<li><a href="../Index.html">Retour Accueil</a></li>
<li><a href="AR22-Organisation.html">Retour
Organisation</a></li>
<li><a href="AR22-ConseilAdministration.html">Conseil
d'Administration</a></li>
<li><a href="AR22-Commissions.html">C... |
|
, la css (pour partie) .bodystyl { background-color: #ffffc0; color: blue; font-family: verdana, helvetica, arial,
sans-serif ; font-size: small; line-height: 200%; }
.colgch { width: 16%; color: blue;float: left;}
.centrage { text-align: center ;}
.menu {font-size: xx-large;}
.menucorps { font-size:normal; width:100%;}
.navigation li{ background: #ffff80 ; color: blue ; border: 1px solid #600 ; margin-bottom:
1px ; text-align: left ; text-decoration: none ; list-style-type:none;}
.navigation li a { display: block; font-size: 1.2em; margin-bottom: 1px; text-align:
center; line-height: 180%; }
.navigation a:link { color:#00f; }
.navigation a:visited { color:#c0c; }
.navigation a:hover { color:#0f0; }
.navigation a:active { color:#f00 ; }
.colreg { float:right; width:83.5%; background-color: #ffffc0; padding-top: 0.6em;}
.colreg2 { float:right; width:100%; background-color: #ffffc0; padding-top: 0.6em;}
.centered {padding-top: 1.5em; text-align: center; width:90%; padding-left: 4%;}
.titrepag { color: blue; text-align:center; font-size:3em; font-weight: bold;
padding-top:1.5em; }
.centered0; text-align:left; font-size:0.75em;}
table {height:100%; width:90%; text-align:center ; background-color:#ffffc0; color:#00F;}
caption { font-size:1.5em; color:blue; font-weight: bold; padding-bottom: 0.4em; }
thead {font-weight: bold; font-size: 1.25em; text-align: center;
border:1px solid #6495ed; background-color:#ffffc0;
}
tbody {
border:1px solid #6495ed; background-color:#ffffc0;font-size: 1.1em;
}
th {color:blue; font-size:1.0em; text-align:center;
}
td { font-weight: #600 }
table {
border-collapse:collapse;}
th, td {
border:1px solid black;} |
|
et l'image du résultat
Merci de vos indications, conseils, etc toujours précieux.
@ bientôt RJL20080513 |
  
|
|
| 2 |
Technique - programmation / HTML / CSS / XHTML / Re:css sur body ?? |
sur: le 12-05-2008 à 19:15:18 |
| Commencé par rjl, Message par rjl |
Merci , Lilian, de la réponse et mes excuses pour le retard lié à la Pentecôte !
Je me suis mal exprimé : Les éléments intérieurs au menu (Li) sont bien centrés mais c'est la colonne, elle même qui n'est pas centrée et donne impression d'être à droite et même plutôt de respecter un padding gauche absent !!
Je joins le code :<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type" />
<title>Accueil Aînés Ruraux 22</title>
<link rel="stylesheet" type="text/css"
href="CSS-AR22.css" />
</head>
<body>
<div class="bodystyl">
<div class="colgch">
<div><img src="Images22/Logo%20AR.gif"
style="text-align: left; width: 100%;" alt="Logo Aînés Ruraux" />
<!-- Fin img --></div>
<div class="centrage">
<div class="menu">Menu
<!-- Fin class Menu --></div>
<div class="menucorps">
<ul class="navigation">
<li><a href="Page22/AR22-objectifs.html">Objectifs
- Rôle</a></li>
<li><a href="Page22/AR22-organisation.html">Organisation</a></li>
<li><a href="Page22/AR22-actualites.html">Actualité</a></li>
<li><a href="Page22/AR22-activites.html">Activités</a></li>
<li><a href="Page22/AR22-avantages.html">Avantages</a></li>
<li><a href="Page22/AR22-partenaires.html">Partenaires</a></li>
<li><a href="Page22/AR22-plansite.html">Plan du
Site</a></li>
<li><a href="Page22/AR22-blog.html">Notre Blog</a></li>
<li><a href="mailto:ar22@ifrance.com">Nous
contacter</a></li>
</ul>
<!-- Fin class MenuCorps --></div>
<!-- Fin class centrage --></div>
<!-- Fin colgch --></div>
<div class="colreg">
<div class="centered"><img
src="Images22/Titre%20Fede22.jpg" alt="Titre Fédération AR 22" /><!-- Fin img -->
<!-- Fin centered --></div>
<div class="colmil">
|
|
et la CSS correspondante :.bodystyl { background-color: #ffffc0; color: blue; font-family: verdana, helvetica, arial, sans-serif ;
font-size: small; line-height: 200%; }
.colgch { width: 16%; color: blue;float: left;}
.centrage { text-align: center ;}
.menu { font-size: xx-large;}
.menucorps {font-size:normal;width:95%}
.navigation li{ background: #ffff80 ; color: blue ; border: 1px solid #600 ; margin-bottom: 1px ;
text-align: left ; text-decoration: none ; list-style-type:none;}
.navigation li a { display: block; font-size: 1.2em;margin-bottom: 1px; text-align: center; line-height:
180%; }
.navigation a:link { color:#00f; }
.navigation a:visited { color:#c0c; }
.navigation a:hover { color:#0f0; }
.navigation a:active { color:#f00 ; }
.colreg { float:right; width:83.5%; background-color: #ffffc0; padding-top: 0.6em;}
.colreg2 { float:right; width:100%; background-color: #ffffc0; padding-top: 0.6em;}
.centered {padding-top: 1.5em; text-align: center; width:90%; padding-left: 4%;}
.titrepag { color: blue; text-align:center; font-size:3em; font-weight: bold; padding-top:1.5em; } |
|
Je joins aussi une photo qui montre mon bloc menu décalé à droite !
D'avance, merci à qui pourrait m'indiquer ce qui provoque cela ?
@ bientôt
RJL20080512 |
|
|
|
| 3 |
Technique - programmation / HTML / CSS / XHTML / Re:Validation CSS : comment ? |
sur: le 17-04-2008 à 17:18:45 |
| Commencé par rjl, Message par rjl |
Bonjour et merci jb_gfx de cette précision.
Merci surtout d'une indication qui me permet de rebondir pour sans doute corriger une erreur autre.
Conbien d'erreurs faut-il pour devenir un utilisateur potable ? J'espère que le quota est accru pour les retraités dont les fonctions cérébrales peuvent parfois patiner ?
Voila : j'ai tenté de supprimer ce <head> mais battu en retrait au vu du résultat (cf. image) :
Alors, si le <head> de la css se comportait comme un second <head> imbriqué, je comprendrai l'erreur en sa présence ! Mais, j'ai l'erreur de chevauchement de tous mes textes à partir de celui que je présente et sur les 2 colonnes... lorsque le <head> parasite est absent !!!
De plus, je constate que les polices employées en présence ou hors présence du <head> "inutile" de la css ne sont pas les mêmes !
Alors comment expliquer et quelle recette appliquer pour corriger l'erreur quand à l'exception du head de la css, c'est la même css qui s'exécute.
Le lièvre était bon à soulever mais la réponse me dépasse !
A bientôt et d'avance merci RJL20080417 |
|
|
|
| 4 |
Technique - programmation / HTML / CSS / XHTML / Re:Validation CSS : comment ? |
sur: le 13-04-2008 à 11:46:01 |
| Commencé par rjl, Message par rjl |
Bonjour Lilian,
C'est plus complexe que je ne le pensais... pour une feuille CSS qui donne satisfaction, mais c'est important de passer par cette étape dès le départ ; il semble trouver mon fichier :
L'image ne passe pas mais n'apporte que ce commentaire
URI : file://localhost/CSS-AR22.css
1 Lexical error at line 1, column 4. Encountered: "h" (104), after : "<"
mais rejette tout dès le début à cause de la balise <head> : <head>
body { background-color: rgb(255, 255, 204); font-family: "times new roman", georgia, times, serif; font-size: medium; line-height: 120%; }
.colgch { width: 15%; color: blue; float: left; }
.menu { font: 2em; text-align: center ; strong: ; font-size: x-large; font-family: "comic sans ms", verdana, geneva,arial, sans-serif; line-height: 180% }
#navigation { |
|
Comment commence cette feuille, sachant que cette fois, j'ai travaillé par chargement de fichier avec la seule feuille css :| Choisissez la feulle de style à valider (ATTENTION : feuilles de style CSS uniquement) |
|
Avec mes excuses pour mon incompréhension d'un point que tous traitent, je suppose, sans souci !
Bon dimanche et merci RJL20080413[size=1][/size] |
|
|
|
Fin des résultats
Revenir à l'index du forum.
| |
|
|
