Aiuto su posizionamento tramite CSS

domenica 27 gennaio 2008 - 22.55

squilibrio Profilo | Expert

Ciao a tutti, sto facendo alcune prove partendo da un menu trovato su internet.... ho fatto alcune personalizzazioni ma ho un problema: cliccando su ogni singola icona viene visualizzato un testo, io vorrei che il testo venga visualizzato esattamente sotto l'icona, io ci sono riuscito solo con un posizionamento assoluto, ma la cosa non mi piace perchè non so quanto sarà lunga la barra e dove la posizionerò, è possibile gestire la posizione in modo diverso??

Sotto il pulsante Utenti ho inserito un sottomenu con 2 testi (potrebbero essere 3 o 4)

tramite il CSS


/* spaziatura sotto menu */
#hm_sports {margin-left: 200px;}

posiziono il testo, ma non piace usare questa soluzione


Esempio

http://www.siparonline.com/tmp/tool.html

gene_old Profilo | Junior Member

Ciao,
prova utilizzare la proprietà "line-height" per spostare il testo verso il basso.
Fammi sapere

freeteo Profilo | Guru

ciao,
oppure prova a mettere nel foglio di stile per il tag del nodo (tipicamente sara' un "li") che l'immagine sia "display:block" e quindi vada ad occupare tutto lo spazio suo e il testo successivo vada a finire sotto.

Ad esempio:
<html> <head> <style> img {display:block;} </style> </head> <body> <ul> <li> <img src="..." />ciao ciao </li> </ul> </body> </html>
il testo cmq sia finisce sotto all'immagine...

ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

squilibrio Profilo | Expert

ringrazio entrambi ma:

perchè dovrei impostare l'height quando il mio problema è dato dal fatto che orizzontalmente vorrei "bloccare" il sottomenu per fare in modo che non si condizionato dalla posizone e dalla lunghezza della barra con le immagini.... vorrei avere sempre il sottomenu di un pulsante, sempre, sotto il relativo pulsante.

Freeteo, non ho capito la tua soluzionie, potresti spiegarmi come adattarla al mio esempio?

Grazie

gene_old Profilo | Junior Member

Se alleghi un pezzo del tuo codice sia Xhtml che css posso provare a darti una mano..
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2023
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5