Aiuto con editor CSS su grafica

**gielle1958** · 15-05-2006, 08:54

Ciao,

Usando Top Style realizzo dei tabs che in antemprima vengono visualizzati così:

Poi quando faccio l'upload di INDEX.HTML sul mio server che contiene il mio spazio web
il piccolo dosso sotto il tabs,quando passa il mouse, scompare.In Top Style c'è.
Il risultato finale,al passaggio del mouse, è quindi il solo cambio del colore del tabs,così:

Qualcuno sa dirmi il perchè?

**andrea.paiola** · 15-05-2006, 09:03

Hai caricato l'immagine (il dosso) sul server nela cartella giusta?
Comunque non ti fidare di quello che ti mostra l'editor: i browser interpretano diversamente i CSS

**gielle1958** · 15-05-2006, 09:22

Originariamente inviato da andrea.paiola
Hai caricato l'immagine (il dosso) sul server nela cartella giusta?
Comunque non ti fidare di quello che ti mostra l'editor: i browser interpretano diversamente i CSS

Si l'immagine (il dosso,oops....) è nella cartella giusta.Il fatto è che nn compare così solo a me ma a tutti i visitatori del sito.Cioè l'immagine manca.....Pensi che non ci sia nulla da fare?
Ciao e grazie....

**andrea.paiola** · 15-05-2006, 09:44

Originariamente inviato da gielle1958
Si l'immagine (il dosso,oops....) è nella cartella giusta.Il fatto è che nn compare così solo a me ma a tutti i visitatori del sito.Cioè l'immagine manca.....Pensi che non ci sia nulla da fare?
Ciao e grazie....

controlla che l'indirizzo che punta all'immagine (relativo probabilmente) scritto nel CSS sia corretto

**indigoindigo** · 15-05-2006, 09:44

Posta codice html e CSS incriminati e un link alla pagina..

ciao

**gielle1958** · 15-05-2006, 11:14

Originariamente inviato da indigoindigo
Posta codice html e CSS incriminati e un link alla pagina..

ciao

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>
<head>
<title>Mini-Tab Preview</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

</style>
</head>

<body>
<h4></h4>
<div class="container">
<ul id="navSquare">
[*]Windows[*]Mobile[*]Articoli[*]Download[*]Gallery[*]Scrivimi[*]Forum
[/list]
</div>
</body>
</html>

Link:
qui

**indigoindigo** · 15-05-2006, 11:30

Scusa ma..

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
	<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=iso-8859-15">
	<TITLE></TITLE>
	<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0">
	<META NAME="CREATED" CONTENT="20051210;23224700">
	<META NAME="CHANGED" CONTENT="20051211;17300200">
	<STYLE>
	<!--
		@page { size: 21cm 29.7cm }
		P { color: #2300dc }
		P.western { font-family: "Arial Black" }
	-->
	
	</STYLE>

</HEAD>
<BODY LANG="it-IT" DIR="LTR">

(omissis)

</P>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>
        <head>
                <title>Mini-Tab Preview</title>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

                <style type="text/css">
                <!--
/* code for presentation purpose (CSS preview) */
body {
        font-family: verdana, sans-serif;
        font-size: 11px;
        background: #ffffff;
}

h4 {
        font-size: 100%;
        color: #999;
        margin: 0;
}

/* CSS Tabs */
.container {
        width: 500px;
        padding: 15px;
        margin: 3px 0 20px 0;
        border: 1px solid #ccc;
        background: #fff;
}

/* square */

#navSquare {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navSquare li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navSquare a:link, #navSquare a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navSquare a:link.active, #navSquare a:visited.active, #navSquare a:hover {
        color: #000;
        background: url('square.gif') no-repeat bottom center;
}

                -->
                </style>
</head>

        <body>
                <h4></h4>
                <div class="container">
                        <ul id="navSquare">
[*]Windows
[*]Mobile[*]Articoli[*]Download[*]Gallery[*]Scrivimi[*]Forum
[/list]
                </div>
        </body>
</html>
<P CLASS="western">
 <APPLET CODE="plasmax.class" CODEBASE="./" ALIGN="BASELINE"
WIDTH="420" HEIGHT="52">
<PARAM NAME="text" VALUE="ciao :-)# sei nello  # spazio web di  #Gielle1958#buona navigazione">

<PARAM NAME="colors" VALUE="native">
<PARAM NAME="plasma" VALUE="eye">
<PARAM NAME="font" VALUE="Helvetica">
<PARAM NAME="size" VALUE="30">
<PARAM NAME="fps" VALUE="20">

</APPLET> 

</BODY>
</HTML>

two document is meglio che uan???

hai due file html nello stesso file html!

non si puede..

detto questo, il problema è che il file "square.gif" non c'è all'indirizzo indicato, che sarebbe

codice:

http://www.giellep.it/square.gif

comunque il probema enorme è questa duplicazione della pagina, che è un errore..prima devi correggere questo, raggruppando gli stili (meglio se associ un file CSS esterno, come descritto qua) ed eliminando i doppi tag "html, head e body" e il doppio DOCTYPE..

la struttura, schematicissima, deve essere questa

codice:

DOCTYPE
<html>
<head>
Qua title, metatags e link a file esterni tipo CSS o js
</head>
<body>

Qua il contenuto della pagina
</body>
</html>

se hai necessità di incorporare più pagine, dovresti usare i frame..

ciao

**gielle1958** · 15-05-2006, 13:31

Ciao e grazie 1000^10....

In effetti devo aver fatto un po di confusione

VVoVe:
Ma sai siamo in 2 a lavorarci sopra e con 2 s.o. diversi....
Grazie per le preziose indicazioni....
Buon tutto.....

Discussione: Aiuto con editor CSS su grafica

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto con editor CSS su grafica

Permessi di invio