tipo cosi?
............ecccodice:<title>Documento senza titolo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" media="all" type="text/css" href="...altra pagina con css adattato a IE? " /> <style type="text/css"> <!-- .menu { width: 690px; height: 50px; word-spacing: 80pt; text-align: left;
Quasi:
sennò quello che scrivi dopo "sovrascrive" quanto hai specificato per IE!codice:<head> <title>Documento senza titolo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" media="all" type="text/css" href="Pagina per tutti i browser" /> <link rel="stylesheet" media="all" type="text/css" href="...altra pagina con css adattato a IE? " /> </head>
ma questo code va sulla pagina dove vi è il menu per tutti i browser, oppure in una pagina bianca che funge da redirect?
Perche nel primo caso non funziona, cioe rimane sempre lo stesso link, indipendentemente da IE o altri...
?
Il discorso sarebbe:
crei il file .css generale per tutti i browser e lo metti nel primo <link ... />
crei gli aggiustamenti per IE e li metti in un altro file .css che metti come secondo link nel comando condizionale..
poichè quello che viene dopo sovrascrive quanto viene prima, le impostazioni specifiche di IE sovrascriveranno quelle generali..
questi <link .. /> li devi mettere in tutte le pagine, come sempre! ora ti cerco un esempio!
dal sito http://www.cssplay.co.uk/menu/lightbox2.html
codice:<!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="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> stu nicholls | CSS PLaY | cross browser multi page photo gallery mark 2</title> <meta name="Author" content="Stu Nicholls" /> <meta name="Keywords" content="cssplay, css play, Cascading, Style, Sheets, CSS1, CSS2, CSS, XHTML1.1, w3c, doing it with style, recommendations, opacity, box model, mozilla, opera, netscape, internet explorer, v6, v7.23, techniques, layout, three column, cutting edge, experimental, validation, validate, navigation, pop-up, pull-down, menus, tips, tricks, css mouseover, mouseovers, CSS experiments, CSS demonstrations" /> <meta name="Description" content="CSS ~ Cutting edge Cascading Style Sheets. Experiments in CSS" /> <meta http-equiv="imagetoolbar" content="no" /> <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" /> <link rel="icon" href="../favicon.ico" type="image/ico" /> <link rel="stylesheet" media="all" type="text/css" href="../css/cssplay.css" /> <link rel="stylesheet" media="all" type="text/css" href="css/lightbox2.css" /> <!--[if lte IE 6]> <link rel="stylesheet" media="all" type="text/css" href="css/lightbox2_ie.css" /> <![endif]--> </head>
Questo è stato fatto, ma le immagini di sfondo che si scambiano non ci sono...
codice:<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" media="all" type="text/css" href="menu.css" /> <!--[if lte IE 6]> <link rel="stylesheet" media="all" type="text/css" href="menu_ie.css" /> <![endif]--> </head> <body> <p class="menu"></p> <td height="118"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="menu"> <tr> <td> menu1 menu2 menu3 menu4 menu5 </td> </tr> </table> </td> </body> </html>
Ok..
posta un link alla pagina con il codice aggiornato..
p.s. non c'entra col problema, ma ti sconsiglio di usare una tabella per un menu, o per il layout in generale..
se ti va leggiti questo:
http://pesanervi.diodati.org/pn/index.asp?a=293
Grazie del testo indicato, me lo sono letto, fatto molto bene..
il link è:
http://www.euroemporio.it/prova/menu2.htm
il link è indicato sopra, se non si è capito
aiutatemi
Permessi di invio
Rispondi quotando