> Tous les forums > Forum des Webmasters
 Modification de mon codeSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
fleuretta
  Posté le 03/01/2009 @ 19:55 
Aller en bas de la page 
Astucienne

Voici ce que j'ai réalisé et qui fonctionne sous FF et IE7 mais pas du tout sous IE6

Voici comment j'ai fait

<div class="menu_centre">
<h1>Les modes de cuisson</h1><br /><br /><br />

<h5>&nbsp;Les aliments</h5>
<div style="width:200px;">
<h5>&nbsp;&nbsp;&nbsp;<a href="modecuisson-sucre.php"><u>Le sucre</u></a><img src="../annuaire/image/sucre_pt.jpg" alt="Le sucre" width="40" height="40" align="middle" style="margin-left:71px;"/></h5>
<h5>&nbsp;&nbsp;&nbsp;<a href="modecuisson.php#cereales"><u>Les céréales</u></a><img src="../annuaire/image/cereale_pt.jpg" alt="Les céréales" width="40" height="40" align="middle" style="margin-left:44px;"/></h5>
<h5>&nbsp;&nbsp;&nbsp;<a href="modecuisson-legumineuses.php#legumineuses"><u>Les légumineuses</u></a><img src="../annuaire/image/legumineuse_pt.jpg" alt="Les légumineuses" align="middle" style="margin-left:10px;"/></h5>
<h5>&nbsp;&nbsp;&nbsp;<a href="modecuisson-fruit-pomme.php"><u>Les fruits</u></a><img src="../annuaire/image/fruits_pt.jpg" alt="Les fruits" width="40" height="40" align="middle" style="margin-left:65px;"/></h5>

</div>
<br /><br />
<div style="width:200px; float:right; margin-top:-244px; margin-right:40px;">
<h5>&nbsp;&nbsp;&nbsp;<a href="modecuisson-pates.php"><u>Les pâtes alimentaires</u></a><img src="../annuaire/image/pate_pt.jpg" alt="Les pâtes alimentaires" width="40" height="40" align="middle" style="margin-left:10px;"/></h5>
<h5>&nbsp;&nbsp;&nbsp;<a href="modecuisson-gibier.php"><u>Les gibiers</u></a><img src="../annuaire/image/gibier_pt.jpg" alt="Les gibiers" width="40" height="40" align="middle" style="margin-left:86px;"/></h5>
<h5>&nbsp;&nbsp;&nbsp;<a href="modecuisson-viande-agneau.php"><u>Les viandes</u></a><img src="../annuaire/image/boeuf_pt.jpg" alt="Les viandes" width="40" height="40" align="middle" style="margin-left:81px;"/></h5>
<h5>&nbsp;&nbsp;&nbsp;<a href="modecuisson-volaille-canard.php"><u>Les volailles</u></a><img src="../annuaire/image/dinde_pt.jpg" alt="Les volailles" width="40" height="40" align="middle" style="margin-left:77px;"/> </h5>
</div>
<br><br><br />
<h5>&nbsp;Les infos</h5>
<h5>&nbsp;&nbsp;&nbsp;<a href="modecuisson-info-thermometre-viande.php"><u>Les thermomètres à viande et volaille</u></a> </h5>

<br><br><br>

</div>

Et voici la css



.menu_centre{

background-color:#f3f4f7;
border:#3300cc 1px solid;
width:467px;
height:auto;
font-family:Arial, Times, serif;
font-size: 11px;
line-height: 16px;
font-weight:normal;
color:#663612;
text-align:left;
padding:10px;}

.menu_centre h1{
background-color:#330099;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-top:12px;
color:#FFFFFF;
height:40px;
}

.menu_centre h5{
background-image:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:40px;
font-weight:bold;
color:#330099;
height:50px;
text-align:left;
text-indent:10px;
}

Je suis certaine qu'il y a une meilleure façon de faire pour faire ce que je veux mais quoi?

Il faudrait aussi que cela fonctionne sous IE6.

Merci de votre aide et bonne année 2009!

Publicité
elle
 Posté le 03/01/2009 à 20:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Deux listes flottantes, gauche et droite...

fleuretta
 Posté le 03/01/2009 à 20:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

Elle

Même si je mets float:left cela ne règle pas mon problème sous IE6.

Sous FF et IE7 je dois quand même ajuster avec un margin-top:-xx px pour le float right mais bon ce n'est pas bien grave.

Sous IE6 c'est la catastrophe total. En plus de mettre le tout en dessous de l'autre et non à côté cela m'étire vers la droite mon menu_centre et en plus il va se placer d'environ 60px sous le menu de gauche.

Merci

elle
 Posté le 03/01/2009 à 20:28 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu as fait des listes (ul, li) avec des dimensions fixes en largeur?

fleuretta
 Posté le 03/01/2009 à 20:54 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

Je viens d'ajouter le ul et li et tout marche #1!

Un gros merci!

elle
 Posté le 03/01/2009 à 21:09 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

De rien!

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
353,98 €Ecran PC 27 pouces Dell S2721DGFA (WQHD, IPS, 165 Hz, 1 ms, FreeSync/GSync) à 353,98 €
Valable jusqu'au 05 Août

Amazon fait une promotion sur l'écran PC 27 pouces Dell S2721DGFA qui passe à 349,99 € livré. On le trouve ailleurs à plus de 440 €. L'écran à cadre fin dispose d'une dalle IPS WQHD (2560x1440 pixels) 1 ms à 165 Hz. Il est compatible Freezync et Gsync via Adaptive Sync et dispose de 4 prises USB 3.0 (fait office de hub), un port DP et 2 prises HDMI. 


> Voir l'offre
24,86 €Souris Logitech M330 Silent Plus à 24,86 €
Valable jusqu'au 05 Août

Amazon fait une promotion sur la souris Logitech M330 Silent Plus qui passe à 24,86 €. On trouve cette souris sans fil et très silencieuse (clic sans bruit) ailleurs à partir de 32 €.


> Voir l'offre
251,73 €Processeur AMD Ryzen 5 5600X à 251,73 €
Valable jusqu'au 06 Août

Amazon fait une belle promotion sur le processeur AMD Ryzen 5 5600X qui passe à 251,73 € alors qu'on le trouve ailleurs à partir de 300 €. Le processeur pour PC de bureau AMD Ryzen 5 5600X propose 6 coeurs natifs et 12 coeurs logiques pour un traitement multitâche agréablement fluide. Grâce à sa fréquence native élevée et à son mode Turbo Core ajustant la puissance en fonction des besoins, le CPU AMD Ryzen de nouvelle génération délivre des performances exceptionnelles dans tous les domaines : Jeux vidéo, multitâche intensif, édition vidéo, modélisation 3D et bien plus encore. Le cache L3 de 32 Mo permet en outre le traitement ultrarapide d'un grand nombre d'instructions grâce à des latences réduites. Fourni avec un système de refroidissement.


> Voir l'offre

Sujets relatifs
Modification du code source d'une page sur 1&1
modification de code pour formulaire d'hotel
code html pour info-bulle
insertion code html
code d'intégration dailymotion
Site codé vers CMS
QR Code
Code html
Accéder au code-source d'un message dans Thunderbird 24 ?
changer mon image d'entête dans le code htlm blogger
Plus de sujets relatifs à Modification de mon code
 > Tous les forums > Forum Forum des Webmasters