ghost
-
Compteur de contenus
392 -
Inscrit(e) le
-
Dernière visite
Messages postés par ghost
-
-
Re,
Curieux, j'ai testé ton css sur IE6-7 avec ce code
a img {
border: 4px solid green;
}Et ça fonctionne
-
Bonjour,
Essaye d'inclure
a img {
border: 0;
}dans ton css pour éliminer les cadres ou border: 2px solid white; pour en créer un de couleur et épaisseur désirée.
-
Bonjour,
En css et sans javascript c'est possible aussi
-
Re,
Bon ton joyeux codeur c'est amusé à inclure des pages en html donc tu te rerouve bien avec une page dans l'autre.
Tes <br> doivent peut être se trouver dans cette page ? credits.php
Pour reprendre ton code, il faudrait "juste" renommer tes pages d'include en .php en ne gardant que les balises comprises entre <body> et </body> et changer les includes ('xxx.html') en include ('xxx.php') dans le code apellant et voir ce que cela donne
-
celui de la page de ton dernier lien par exemple
-
Bonjour,
Ton code est HS, essaye d'enlever de ta page d'include tous ces <br><br>........<br>
Et trouves ton codeur et mais lui la tête dedans!
Si tu peux nous faire passer le code php d'une de tes pages
-
Bonjour,
Le padding sur colonne droite, colonne gauche et content pas sur conteneur.
-
Re
padding-bottom: 50px; par exemple pour chaque colonne et pour ton centre.
<edit> pour te donner une idée e la tâche à accomplir http(:)//validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.essentialhomme.com%2Fmode.php</edit>
Tu devrais passer color : #fff et background: #000; à ton footer car ça ferait "mieux" et auusi car tes liens au survol deviennent invisibles
-
Re,
Fais attention si ton centre est plus court que tes marges, ton background noir risque de remonter !!
-
Re,
Tu ne peux pas rester décemment avec un code comme ça, tu as même dans ton html des balises <style></style>. C'est a se demander comment ton site arrive à s'afficher !
-
Bonjour,
Il y a comme un problème dans ton code, tu as 2 pages html dans une, 2 body, 2 html etc... Tu n'aurais pas des fois des problèmes d'includes en php ?
Sinon, la solution proposée est corrrecte mais il semble que ton bloc #content ait un margin-right de 294px (pourquoi) qui va sur prendre 34 pixels de large la couleur noire aussi, il conviendrait de le réduire ce qui centrerait le contenu de ton bloc content aussi.
Bon courage
-
Bonjour,
C'est donc tout bon, pas de soucis pour ton positionnement si ce n'est de garder un height suffisant pour que les pub (droite) ne passe pas sur le footer, ton bloc gauche reste dans le fux et ton ton footer n'a pas besoin de clear ...
-
Bonjour,
désolé, je n'ai pas tout compris !
-
Re,
Juste pour le fun et sans table.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
*{padding: 0; margin: 0;}
ul.menu {
list-style-type: none;
width: 40em;
overflow: hidden;
margin: auto;
margin-top: 50px;
font-size: 1em;
}
.menu li {
float: left;
}
.menu a {
margin: 0 2px;
width: 10em;
display: block;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #f5ff09;
font-style: italic;
}
.menu a:link, .menu a:visited {
border-top: 1px solid #cecece;
border-left: 1px solid #cecece;
border-right: 2px solid #4a4a4a;
border-bottom: 2px solid #4a4a4a;
}
.menu a:hover {
border-top: 2px solid #4a4a4a;
border-left: 2px solid #4a4a4a;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
background: #c7fbff;
}
.menu span {
display: block;
}
</style>
</head>
<body>
<div id="menu">
<ul class="menu">
<li ><a href="#">menu 1 ligne</a></li>
<li><a href="#">menu ligne 1 <span>menu ligne 2</span></a></li>
<li><a href="#">menu ligne 1 <span>menu ligne 2</span><span>menu ligne 3</span></a></li>
</ul>
</div>
</body>
</html> -
Bonjour,
Je ne sais si j'ai tout compris mais pourquoi pas
td {
padding:0;
border-left:1px solid #fff;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
td a {
text-decoration:none;
color:#4b4b69;
display:block;
background-color:#e6e6e6;
}
td a:hover {
color: #e6e6e6;
background-color:#4b4b69;
}
</style>
</head>
<body>
<table >
<tr>
<td><a href="index.php" style="padding:10px">lien2</a></td>
</tr>
</table>Et au fait pourquoi un table pour un menu?
-
Re,
Bon je divise ton site en 2, a gauche un conteneur regroupant tous tes petits blocs et le header je suppose (width 75% en gros) et à droite un conteneur comprenant tes 2 blocs verticaux bleus (25%). Le tout dans un bloc global. (ouf !)
A mon humble avis, l'idée du positionnement en float dans le conteneur gauche et selon ton découpage est bonne, sauf qu'il est possible si ce conteneur ou celui de droite est en float qu'il y ait des interactions fâcheuses de tes clears dans ton conteneur gauche sur l'ensemble de la mise en page. En clair, un clear dans un conteneur lui même même déja en float on est pas sûr de ce qu'il va "clearer" !!. Mais c'est à tester (il y a des navigateurs ou ça passe d'autres non ...)
Pour remédier à cela, il faudrait éliminer le float sur les conteneurs droite ou gauche et là qu'un moyen en passer un en absolute et l'autre dans le flux avec un margin adéquat. Là un autre problème car un seul des 2 conteneurs pourra pousser le global (celui dans le flux). Si un des 2 conteneurs est toujours plus court que l'autre c'est jouable a coup de min-height etc mais si c'est aléatoire ben voir si la manip inverse est possible (avec les mêmes problèmes de blocs passant par dessus )...
Pour résumer, AMHA, pour ce type de mise en page ben ... Rien ne vaut un tableau pour éviter de monter une "usine à gaz" et avoir quelque chose de robuste au niveau compatibilité entre navigateurs. Mais d'autres plus érudits auront peut être d'autres solutions.
Bon courage.
-
Re,
Il manque quelques détails notamment si la hauteur est fixe et si il doit être extensible ?
-
Bonjour,
Sûrement un problème d'include .
-
Bonjour,
essaye:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head> -
Bonjour,
Ton croquis n'est pas visible, tu n'aurais pas un exemple en ligne ?
-
Bonjour,
Sans vouloir te vexer, je trouve que FF est bien gentil d'executer ton code !!
Déjà, utilise des doubles quotes pour le html c'est mieux, ensuite corrige toutes les erreurs du style <ul class=liens> par <ul class="lien"> et <hr class='invisible separateur'> par <hr class="invisible_separateur"> et peut être ta feuille de style sera interpretée (à sa lecture j'ai un petit doute).
Et pourquoi ces boutons de formulaire ?
Franchement (et on est tous passé par là) je te conseille de revoir les bases du html et du css, sur le site du zero (-http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html) où sur alsacreations (-http://forum.alsacreations.com/forum.php).
Bon courage
-
Bonjour,
Essayes ../css/index.css, je crois savoir qu'il y a une bidouille de ce style !
-
Le CSS
dans (X)HTML et CSS
Bonjour,
Si j'ai bien compris tu veux traverser l'atlantique à la voile sans avoir jamais vu la mer et encore le faire vite !! Sans vouloir te vexer, tu devrais écouter ceux qui t'ont conseillé d'apprendre le html et le css ... Sinon naufrage garanti.
Bon courage
-
Bonjour,
Va faire un tour là ://www.siteduzero.com/tuto-3-176-1-les-variables-superglobales.html
dés fois que ...
Bon courage
Couleurs IE indésirables
dans (X)HTML et CSS
Posté
Re,
Essaye de définir une classe du type :
.bordure {border: 2px solid #fff;
}
et de l'affecter aux images que tu désires
ex: