vpandora

vpandora

Fatto!
Grazie **Blancks **:) ho seguito il tuo consiglio e risolto la visualizzazione...Ora è tutto ok!
Grazie anche a Akela86 per avermi dato una mano.

vpandora

Ehm...mi sono un po' bloccata, accetto ben volentieri qualche buon consiglio per aggiustare il menu!
Il menu nell'header è questo:
[html]
<ul id="nav">
<li><a href="#" class="nav-home">home</a></li>
<li><a href="#" class="nav-info">info</a></li>
<li><a href="#" class="nav-link">link</a></li>
<li><a href="#" class="nav-rss">feed</a></li>
</ul>
[/html]...il css:
[html]
#nav {
position:absolute;
font-family:"Courier New", Courier, monospace;
font-size:1.8em;
font-weight:bold;
text-align:center;
list-style:none;
width:492px;
height:70px;
line-height:70px;
right:50px;
bottom:-20px;
}
li {
float:left;
}
.nav-home {
display:block;
float:left;
width:123px;
height:70px;
font-size:1em;
font-weight:bold;
color:#7a637a;
text-decoration:none;
}
.nav-home:hover{
background-image:url(img/nav-over.png);
background-repeat:no-repeat;
background-position:center center;
}
[/html]Ora, i vari home, link, ecc. in ie sono spostati in basso e vorrei fossero centrati come in ff. Ho provato aggiungendo margin-top:-30 ma ok in ie e troppo alto in ff...
Riesci a suggerirmi qualcosa anche con !important?
Grazie dell'aiuto

vpandora

Ok, grazie Akela86
...continuo a fare qualche prova e vedo se arrivo da qualche parte...

vpandora

L'ho messo sotto...
[html]
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />

<!?-[if IE]>
<link rel="stylesheet" href="style-ie.css" type="text/css" />
<![endif]?->
[/html]...giusto così?
Eppure non modifica niente...

vpandora

Ciao, ho fatto qualche prova ma non riesco a capire dove sbaglio...puoi aiutarmi?
Per l'archivio e il badge di flickr nella sidebar ho risolto con comandi diciamo compatibili con entrambi i browser, forse ora è ok...
Sto cercando di seguire il tuo consiglio sui commenti condizionali per il menu in header ma non mi funziona!
Ho provato così:
-creato un secondo foglio di stile "style-ie"
-inserito nel nuovo "style-ie" la regola per ie
-aggiunto nell'header (tra <head></head>)
[html]<!?-[if IE]><link rel="stylesheet" href="style-ie.css" type="text/css" /><![endif]?->[/html]...ma non succede niente, dove ho sbagliato?
grazie

vpandora

Grazie Akela86, faccio una prova e vedo come va...
Nel frattempo ho letto qualcosa anche sulla regola !important e facendo una prova sul badge di flickr mi pare funzioni (ho specificato questa regola per il margin-left:...px per ff e impostato margin:0 auto er ie...).
Quale pensi sia la soluzione migliore?
Comunque ora provo tutto!
Grazie

vpandora

Salve,
ho qualche problemino con la visualizzazione del mio blog (wordpress 2.8.4). da qualche tempo sono passata a firefox ma ora mi sono accorta (facendo un test su browsershots) che c'è qualche errore con internetexplorer. con ie8 pare tutto ok ma con la versione 7 qualcosa è sballato.*
margin:left* per dare una spaziatura e centrare un elemento e
line-height impostato uguale a height per centrare il testo verticalmente
non hanno nessun risultato con ie7...
Se provo a cambiare "a favore" di ie la visualizzazione con ff si sballa...
Qualche suggerimento?
Gli elementi sono>
il menu in header (con ff ok, con ie7 le voci sono spostate in basso);
l'archivio nella sidebar (con ff ok, con ie7 spostato a sinistra);
il badge di flickr nella sidebar (con ff ok, con ie7 spostato a destra).
Grazie!!!

pan
[...]

vpandora

Ciao,
Intanto grazie mille per l'aiuto e le prove...
La risposta è scontata: internet explorer...
Ho seguito per questo effetto un tutorial e in realtà una nota parlava di un bug in IE e la necessità di usare javascript...qui però mi son persa:(.
La cosa che non capisco comunque è che l'errore appare alla prima visualizzazione, dopo aver cliccato sembra correggersi.
Ho provato a testare il blog con browsershots e tutto il campo del menu (cioè quello con l'effetto mouseover) è sfasato.
Se serve posso inserire il link del mio blog e del tutorial, così magari è più chiaro il problema.

vpandora

...sigh...nessun consiglio?

vpandora

Ciao,
grazie per il benvenuta:)!
Il blog è realizzato con wordpress, il tema è mio. Questo il codice:

<div id="header">
<h1>titolo</h1>
<div class="description">decrizione</div>
<ul id="nav">
<li id="nav-home"><a href="#">home<span></span></a></li>
</ul>
</div>

e questo il css:
#nav {
position:absolute;
list-style:none;
font-family:"Courier New", Courier, monospace;
font-size:1.8em;
font-weight:bold;
left: 340px;
top: 270px;
}
li {
background:none;
float:left;
padding:0;
width:130px;
text-align:center;
}
a:link {
color:#7a637a;
display:block;
position:absolute;
outline:none;
}
a:visited {
color:#7a637a;
text-decoration:none;
}
a:hover {
background-position:left bottom;
cursor:hand;
}
span {
position:absolute;
display:none;
}
a:hover span {
display:block;
}
-home span {
background:url(img/nav-over.png) no-repeat;
width:130px;
height:70px;
left:0px;
top:-14px;
}
Comprensibile?...

vpandora

Salve,
ho un piccolo problema con un effetto mouseover nel mio blog.
Ho realizzato un immagine che viene visualizzata sul menu al passaggio del mouse con css. In teoria tutto ok ma pubblicato il blog ho scoperto che su altri pc l'effetto mouseover è sballato, in pratica l'immagine al passaggio del mouse viene visualizzata in un altro punto dello schermo, dopo aver cliccato il link invece la visualizzazione è corretta.
Qualcuno può aiutarmi?
Grazie.

vpandora

@vpandora

Post creati da vpandora