Problema CSS

**Ripix** · 17-12-2008, 14:43

Salve a tutti,
sono nuovo del forum e volevo 1 aiutino x risolvere 1 problema nel CSS

Questo è il CSS

codice:

body {
	padding: 0;
	margin: 0;
	background-image:url(img/bg.gif);
	background-repeat: repeat;
	background-attachment: fixed;
}
input, select, textarea, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
 	color: #dfb63a;
}
a:hover {
	text-decoration: underline;
}
#banner {
	width: 900px;
	height: 99px; 
	float: center; 
	background-image:url(img/banner.gif); 
	margin-bottom:6px;
}
#index {
	width: 74px;
	height: 22px;
	background-image: url(/img/nav/index.gif);
	margin-left:20px;
}
#index:hover {
	background-image:url(/img/nav/index-h.gif);
}
#register {
	width: 74px;
	height: 22px;
	background-image: url(/img/nav/register.gif);
	margin-left:20px; }
#register:hover {
	background-image: url(/img/nav/register-h.gif);
}
#community {
	width: 74px;
	height: 22px;
 	background-image: url(/img/nav/community.gif);
	margin-left:20px; }
#community:hover {
	background-image: url(/img/nav/community-h.gif);
}
#purchase {
	width: 74px;
	height: 22px;
	background-image:url(/img/nav/purchase.gif);
	margin-left:20px;
}
#purchase:hover {
	background-image:url(/img/nav/purchase-h.gif);
}
#forum {
	width: 74px;
	height: 22px;
	float: center;
	background-image: url(/img/nav/forum.gif);
	margin-left:20px;
}
#forum:hover {
	background-image: url(img/nav/forum-h.gif);
}
#contact {
	width: 74px;
	height: 22px;
	background-image: url(/img/nav/contact.gif);
	margin-left:20px;
}
#contact:hover {
	background-image: url(/img/nav/contact-h.gif);
}

Questo è l'HTML

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>TropicaResource - Public BETA</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>
<center><div id="banner"></div>






</center>


<form method="post" action="">
<p align="center">
<font color="#FF9933">Username</font>

<input style="margin-bottom: 5px; margin-top:4px; padding: 4px; background-color:#ffe493; border: solid 1px #ffc000;" type="text" name="username" maxlength="32" size="30" />
 <font color="#FF9933">Password</font>

[/b]<input style="margin-bottom: 5px; margin-top:4px; padding: 4px; background-color:#ffe493; border: solid 1px #ffc000;" type="password" name="password" maxlength="32" size="30" />
</p>
</form>
</body>
</html>

Quando carico tutto nel sito nn mi mostra i badges (index, community, register ecc.....)
qualcuno sa il motivo???

**Vincent.Zeno** · 17-12-2008, 14:55

Originariamente inviato da Ripix
Salve a tutti,
sono nuovo del forum e volevo 1 aiutino x risolvere 1 problema nel CSS

Quando carico tutto nel sito nn mi mostra i badges (index, community, register ecc.....)
qualcuno sa il motivo???

ciao e benvenuto sul forum.

visto che sei nuovo sta volta te la perdoniamo

sappi che qui non è per nulla gradito leggere le "abbreviazioni al posto delle parole"

il problema che hai esposto è "ovvio": non hai messo nulla da visualizzare.

codice:

 index
register
community
purchase
forum
contact

**Ripix** · 17-12-2008, 15:03

Originariamente inviato da Vincent.Zeno
ciao e benvenuto sul forum.

visto che sei nuovo sta volta te la perdoniamo

sappi che qui non è per nulla gradito leggere le "abbreviazioni al posto delle parole"

il problema che hai esposto è "ovvio": non hai messo nulla da visualizzare.

codice:

 index
register
community
purchase
forum
contact

Ops, scusate

comunque non deve esserci scritto nulla perchè deve comparire l'immagine caricata dal CSS :S

codice:

#index {
	width: 74px;
	height: 22px;
	background-image: url(/img/nav/index.gif);
	margin-left:20px;
}

**Vincent.Zeno** · 17-12-2008, 15:17

Originariamente inviato da Ripix
Ops, scusate

comunque non deve esserci scritto nulla perchè deve comparire l'immagine caricata dal CSS :S

codice:

#index {
	width: 74px;
	height: 22px;
	background-image: url(/img/nav/index.gif);
	margin-left:20px;
}

non è un buon modo....
il link deve esser collegato ad un contenuto, immagine o parole.
su FF, ad esempio, non funziona

Discussione: Problema CSS

Strumenti discussione

Ricerca discussione

Visualizza

Problema CSS

Re: Problema CSS

Re: Re: Problema CSS

Re: Re: Re: Problema CSS

Permessi di invio