> 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
79,99 €Barbecue WEBER Compact Kettle 47 cm à 79,99 €
Valable jusqu'au 19 Septembre

Cdiscount fait une promotion sur le barbecue Barbecue WEBER Compact Kettle 47 cm qui passe à 79,99 € au lieu de 100 €. La livraison est gratuite. 


> Voir l'offre
-6 €6 € offerts pour toute commande d'un chèque-cadeau de 50 € @Amazon
Valable jusqu'au 02 Octobre

Amazon remet en avant son offre pour obtenir un bon d'achat de 6 € sur Amazon. Pour toute commande d'un chèque cadeau Amazon de 50 €, Amazon vous offre un bon d'achat de 6 € utilisable jusqu'au 14 Novembre 2021. Vous pourrez ainsi par exemple utiliser votre chèque cadeau de 50 € et votre bon d'achat de 6 € pour un achat de plus de 56 € (qui ne vous reviendra alors qu'à 50 €, soit 11,7 % de réduction, ce qui est toujours ça de pris). 

Notez que cette offre n'est pas disponible si vous avez déjà acheté des chèques cadeaux dans les 36 derniers mois.


> Voir l'offre
111,01 €SSD externe portable Samsung T7 1 To à 111,01 € livré
Valable jusqu'au 19 Septembre

Amazon Allemagne fait une promotion sur le SSD externe portable Samsung T7 1 To qui passe à 106,27 €. Comptez 4,74 € pour la livraison en France soit un total de 111,01 € livré alors qu'on trouve le SSD à partir de 189 € ailleurs. Son format compact vous permettra de le transporter facilement avec vous. De quoi stocker parfaitement vos fichiers et de les emporter dans vos déplacements en toute sérénité. Grâce à la technologie PCIe NVMe intégrée et au connecteur USB 3.1 Type C, bénéficiez de vitesses supérieures pouvant atteindre 1050 Mo /s ! Compatible PC, Mac et Android, il se montrera rapidement indispensable. Le disque Samsung T7 se pare d'un boîtier robuste en aluminium qui résistera aux chutes. Il embarque également un cryptage avancé avec mot de passe.

Vous pouvez utiliser votre compte Amazon France sur Amazon Allemagne et il n'y a pas de douane. Si vous êtes perdu en allemand, vous pouvez traduire le site en anglais.


> 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