> 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
66,13 €Carte-mère MSI B450 Gaming Plus Max à 66,13 € livrée
Valable jusqu'au 24 Septembre

Amazon Allemagne fait une promotion sur la carte-mère MSI B450 Gaming Plus Max à qui passe à 59,50 €. Comptez 6,63 € pour la livraison en France soit un total de 66,13 € livrée au lieu de 90 €. Compatible avec les processeurs AMD Ryzen sur socket AMD AM4, elle prend en charge de la mémoire vive DDR4, des cartes graphiques PCI-Express 3.0 ou encore des disques SATA 6Gb/s et M.2 (SATA et PCIe).

Vous pouvez utiliser votre compte Amazon FR sur Amazon DE et il n'y a pas de douane.


> Voir l'offre
82,19 €Kit de 16 Go (2x8Go) de mémoire DDR4 Crucial Ballistix 3200 MHz RGB à 82,19 € livré
Valable jusqu'au 24 Septembre

Amazon Allemagne fait une promotion sur le kit de 16 Go (2x8 Go) de mémoire DDR4 Crucial Ballistix 3200 MT/s CL16 à 77,54 €. Comptez 4,65 € pour la livraison en France soit un total de 82,19 € livré alors qu'on le trouve ailleurs à partir de 97 €. Vous pourrez personnaliser la palette de couleurs de votre ordinateur avec 16 LED RGB dans 8 zones sur chaque module.

Vous pouvez utiliser votre compte Amazon FR sur Amazon DE et il n'y a pas de douane.


> Voir l'offre
29,99 €Set de 6 Tournevis Bosch Professional à 29,99 €
Valable jusqu'au 23 Septembre

Amazon fait une promotion sur le set de 6 Tournevis Bosch Professional qui passe à 29,99 € au lieu de 39 €. 2x PH 125 mm, 1x PH 100 mm, 1x plat6,5 125 mm, 1x Plat5,5 100 mm, 1x Plat4,5 100 mm, 1x Plat3,5 75 mm.


> 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