> 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
1491,79 €Acer Nitro 5 (17,3'' FHD 144Hz, Ryzen 5800H, 16/1 To, RTX 3080 8 Go) à 1491,79 €
Valable jusqu'au 19 Septembre

Le vendeur sérieux AcheterNet fait une belle promotion via Rakuten sur l'ordinateur portable Acer Aspire Nitro AN517-41 qui passe à 1491,79 €. Ce portable dédié aux joueurs dispose d'un écran 17,3 pouces FHD 1920 x 1080 IPS 144 Hz, d'un processeur AMD Ryzen 7 5800H, de 16 Go de mémoire RAM, d'un SSD NVMe de 1 To et surtout d'une carte graphique Nvidia GeForce RTX 3070 avec 8 Go de mémoire qui vous permettra de profiter de vos jeux de manière fluide en haute résolution. Le tout tourne sous Windows 10. 44,75 € vous sont également reversés pour vos prochains achats Rakuten.


> Voir l'offre
1199,99 €Ultrabook Lenovo Yoga S7 Pro 14 pouces (2.8K, Ryzen 7 5800H, 16 Go RAM, SSD 512 Go) à 1199,99 €
Valable jusqu'au 18 Septembre

Darty fait fait une vente flash sur l'ordinateur portable Lenovo Yoga S7 Pro 14ACH5 proposé à 1199,99 € au lieu de 1699,99 €. Ce portable est bien équipé avec son écran 14 pouces OLED de résolution 2.8K (2880x1800), son processeur AMD Ryzen 7 5800H, ses 16 Go de RAM, son SSD de 512 Go, sa carte graphique intégrée Vega 8. Il possède le Bluetooth 5.1 et le WiFi 802.1 ax, 1 ports USB 3.2, 2 port USB C 3.2, une caméra HD. L'autonomie annoncée est de 14h et la charge rapide permet de le ramener à 50% de sa capacité en seulement 30 minutes. Il pèse 1,39 kg et tourne sous Windows 10.


> 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

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