Centrare Degli Oggetti

**Nebula88** · 10-06-2006, 16:19

Ciao a tutti,
scusate ma le ho provate TUTTE!
Non riesco a centrare i pulsanti del menù sulla sinistra dello schermo..
sapreste come aiutarmi!?!??
ecco il link

Grazie Mille in anticipo.

Daniele

**peppetomico** · 10-06-2006, 20:03

potresti mettere uno spazio("" in html)

**webdemo** · 10-06-2006, 22:58

Originariamente inviato da Nebula88
Ciao a tutti,
scusate ma le ho provate TUTTE!
Non riesco a centrare i pulsanti del menù sulla sinistra dello schermo..
sapreste come aiutarmi!?!??
ecco il link

Grazie Mille in anticipo.

Daniele

hai impostato il menu in modo errato, dai un'occhiata ai menu con i css, che per altro hai gia' utilizzato.

codice:

<ul>[*]Infissi[*]Legno[*]Alluminio[*]Alluminio-legno[*]ecc [/list]

se invece vuoi mantenere la tua struttura, te lo sconsiglio vivamente, prova cosi', ti allego il pulsante "legno":

codice:

<div class='sxlinkovr'><table width="100%" border="0"><tr><td width="100%" style="padding-left:10px;"><font face="Arial, Helvetica, sans-serif" size='3pt'>Legno</font></td></tr></table></div></p>

ciaux

**Nebula88** · 11-06-2006, 12:04

Ciao,
e grazie tante per il tuo aiuto..
Sto provando a fare come mi dici tu ma...il risultato non è dei migliori purtroppo

E' tutta la mattina che tento..
ti faccio vedere come ho fatto il menù alla fine:

codice:

<ul>[*]<font face='Verdana, Arial, Helvetica, sans-serif' size='4pt'>Infissi</font>[*]<font face="Arial, Helvetica, sans-serif" size='3pt'>Legno</font>[*]<font face="Arial, Helvetica, sans-serif" size='3pt'>Alluminio</font>[*]<font face="Arial, Helvetica, sans-serif" size='3pt'>Alluminio-Legno</font>[*]<font face="Arial, Helvetica, sans-serif" size='3pt'>P.V.C</font>[/list]

Il risultato puoi vederlo qui
(non va bene ne con IE, ne con FF)

Come tolgo quei puntini neri?
Come lo centro nella colonna? (con FF esce proprio fuori dalla colonna...)
Per centrare la parte testuale dentro il pulsanto ho provato con text-align:center, dentro il TAG CSS relativo al link...
te lo faccio vedere:

codice:

RELATIVO AI PULSANTI PIU' GRANDI:
.m:link{
background-image:url(images/pulsanti/1.gif);
background-repeat:no-repeat;
text-decoration:none;
padding-top:3px;
text-align:center;
cursor:pointer;
color:#000000;
}
.m:visited{
background-image:url(images/pulsanti/1.gif);
background-repeat:no-repeat;
text-decoration:none;
padding-top:3px;
text-align:center;
cursor:pointer;
color:#000000;
}
.m:hover{
background-image:url(images/pulsanti/1pl.gif);
background-repeat:no-repeat;
text-decoration:none;
padding-top:3px;
text-align:center;
cursor:pointer;
color:#000000;
}

RELATIVO AI PULSANTI PIU' PICCOLI:
.movr:link{
width:122px;
height:24px;
background-image:url(images/pulsanti/2.gif);
background-repeat:no-repeat;
text-decoration:none;
padding-top:2px;
text-align:center;
cursor:pointer;
color:#000000;
}
.movr:visited{
width:122px;
height:24px;
background-image:url(images/pulsanti/2.gif);
background-repeat:no-repeat;
text-decoration:none;
padding-top:2px;
text-align:center;
cursor:pointer;
color:#000000;
}
.movr:hover{
width:122px;
height:24px;
background-image:url(images/pulsanti/2pl.gif);
background-repeat:no-repeat;
text-decoration:none;
padding-top:2px;
text-align:center;
cursor:pointer;
color:#000000;
}

Spero che tu possa aiutarmi, Grazie

Ciao!

**webdemo** · 11-06-2006, 12:12

sposto in CSS, poi ti faccio sapere.

ciaux

**webdemo** · 11-06-2006, 12:44

prova cosi' poi fammi sapere:

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ul e li</title>
<style type="text/css">
<!--
/*RELATIVO AI PULSANTI PIU' PICCOLI:*/
.movr ul {
	list-style: none;
	text-align: left;
}
.movr li a, .movr li  a:link {
	width:122px;
	height:24px;
	background-image:url(images/pulsanti/2.gif);
	background-repeat:no-repeat;
	padding-top:2px;
	cursor:pointer;
	color:#FF3300;
}
.movr li a:visited{
	color:#0033FF;
}
.movr li a:hover{
	background-image:url(images/pulsanti/2pl.gif);
	background-repeat:no-repeat;
	color:#000000;
}
-->
</style>
</head>

<body>


<div class="movr">
<ul>[*]Infissi[*]Legno[*]Alluminio[*]Alluminio-Legno[*]P.V.C[/list]
</div>





</body>
</html>

ciaux

**Nebula88** · 13-06-2006, 10:58

Ciao

e scusa per il ritardo..
Ho eliminato la parte in CSS che avevo fatto io e ho messo quella fatta da te..
ecco il risultato.
La visualizzazione è identica sia con FireFox che con IE..
Come vedi i pulsanti si vedono piccoli..così ho provato ad aggiungere al tuo CSS:

codice:

div#navigation a{
display:block;
width:122px;
height:24px;

in quel modo i pulsanti si vedevano a grandezza reale, ma attaccati al margine DESTRO della colonna (non so perchè)...

Grazie Mille per il tuo aiuto

Daniele

**webdemo** · 13-06-2006, 12:30

io ora li vedo piccini e allineati a sinistra.

verifica se nel CSS che precede hai già impostato:

a
a:link
a:visited
a:hover

se è così, ti basterà ribadire la valenza per .movr li a, .movr li a:link {...

ciaux

**Nebula88** · 13-06-2006, 22:40

Ciao...
ho sistemato un pò i pulsanti ma non riesco ancora a centrare i pulsanti nella colonna

Non ne vogliono sapere di centrarsi, ne con IE ne con FF...
Qui trovi la pagina...

Ho provato ad utilizzare margin:right per allontanare il div dal bordo della colonna, e ho provato ad utilizzare il padding:right per allontanare gli oggeti interni dal bordo del div..
ma l'unico risultato è in IE, e non è un allontanamento, ma è la colonna stessa che si allarga nella pagina..
Perdona la mia incapacità

**webdemo** · 13-06-2006, 23:15

prova a modificare .movr ul cosi':

codice:

.movr ul {
	list-style: none;
	text-align:center;
	margin-left: 0px;  /*modifica come ti serve*/
}

ciaux

Discussione: Centrare Degli Oggetti

Strumenti discussione

Ricerca discussione

Visualizza

Centrare Degli Oggetti

Re: Centrare Degli Oggetti

Permessi di invio