Aiuto per menù fatto con immagini e relativo sottomenù

warim1974

Nuovo Utente
27 Set 2013
2
0
0
Salve mi chiamo Francesco e sono un autodidatta che si sta cimentando con un piccolo sito internet. So poco di html e non quasi nulla di css e mastico poco l'inglese. Dopo 3 giorni di tentativi e prove (sto uscendo pazzo) sono riuscito a creare un menu' fatto con delle immagini create con Photoshop (il testo messo come immgine mi sembra più definito e bello così) e a cui ho applicato un effetto di fade hover (seguendo questo tutoria http://www.fedeweb.net/tutorial-jquery-fade-hover/ che mi piace e sono riuscito a mettere sotto ad ogni immagine un sottomenu andando a tentativi usando questo tutorial http://smashinghub.com/simple-jquery-drop-down-menu-tutorial.htm.
Ora non riesco a mettere a posto il menù (causa mia ignornza) e volevo chiedere se qualcuno poteva aiutarmi:
1. mettere meno spazio tra le parole (immagini): news biography works ecc
2. centrare meglio il menù rispetto al centro della pagina web e ogni sottomenu rispetto alla voce del menù relativa
3. tra la prima voce del sottomenù e la relativa voce del menù ci dovrebbe essere meno spazio
4. aggiustare le varie voci del sottomenù che risultano essere sovraesposte (uniformare il tutto)
5. far si che le scritte del sottomenù fossero formattate a sinistra (ora come ora sono tipo centrate)

Qualcuno potrebbe aiutarmi col codice per favore? Lo lascio in allegato.
Grazie 1000 a chiunque possa aiutaemi. Buona serata.
Francesco

P.s: non ho capito come mettere gli allegati, una copia di ciò che ho fatto si trova qua www.annaderrico.com/sito.zip
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao
1. mettere meno spazio tra le parole (immagini): news biography works ecc
togli width:100px; da qui
Codice:
	.navigation  li {
		float:left;			/* Show list items inline */
		width:100px; 
		position:relative; 
	}
e modifica le misure del padding:8px 7px 8px 7px; (rispettivamente : top right bottom left) da qui fino a che non trovi la distanza giusta
Codice:
	.navigation  li a {
		background:#ffff; 
		color: black;
		display:block;  	/* Making sure a element covers whole li area */
		padding:8px 7px 8px 7px; 
		text-decoration:none; /* No underline */
		border-top:1px solid #0;
		text-align:center; 
	}
 
Discussioni simili
Autore Titolo Forum Risposte Data
P inserire menu orizzontale [ Ho bisogno di un aiuto per questo menù] Javascript 4
P Aiuto per rendere un Bot Telegram Privato PHP 1
A Aiuto per pagina php PHP 0
T cercasi aiuto per file d1 (open-edge db) Database 0
L Aiuto per programma web php/mySQL PHP 2
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
T Aiuto per php7 e mysqli PHP 3
T mysql tutorial per importare tabelle access in mysql aiuto MySQL 2
wildcity9 aiuto per sbloccare account instagram bannati Social Media Marketing 0
A Aiuto per configurare il banner di Iubenda su un sito in html HTML e CSS 0
S [PHP] Aiuto creazione form php per completamento modello word PHP 1
Z [HTML] aiuto per visualizzazione su tablet Offerte e Richieste di Lavoro e/o Collaborazione 6
W [PHP] Un aiuto per il mio primo "Multithread" PHP 0
G Vuoi fare successo? Abbiamo bisogno di aiuto per un app! Offerte e Richieste di Lavoro e/o Collaborazione 1
K [javascript] Aiuto per programma subnetting Javascript 0
F ciao, sono ferro e ho bisogno di aiuto per problemi con la mail di alice.it Presentati al Forum 1
L [PHP] aiuto per installazione mrbs PHP 0
1 Aiuto per nuovo sito SEO e Posizionamento 4
K Server per sito di annunci: aiuto nella scelta Hosting 4
P [Javascript] Aiuto per recupero variabili da script Javascript 10
P [PHP] Aiuto per gestione file CSV PHP 24
A scambio lavoro per aiuto con android Sviluppo app per Android 0
A aiuto per un codice... PHP 1
ecosito Aiuto con la traduzione in italiano per capire come installare questo JavaScript jQuery 0
StelladelSud Cerco aiuto per una demo Offerte e Richieste di Lavoro e/o Collaborazione 3
G Piccolo aiuto per php mail PHP 2
G aiuto per semplice menu onclick HTML e CSS 6
F aiuto per funzionamento sito responsive e form contatti HTML e CSS 29
A AIUTO per impostazione doppia cifra in tabella HTML e CSS 6
G Passaggio variabili tra pagine- Aiuto per maturità 2015 PHP 3
G Passaggio variabili tra pagine- Aiuto per maturità 2015 PHP 0
A Aiuto per Flash player Flash 0
J Aiuto per localstorage con jquery/js/json Javascript 4
M Cerco aiuto per una modifica di un codice Javascript 2
A Aiuto per ordine cronologico lista file all'interno di una cartella protetta PHP 2
G Aiuto! Studente cerca aiuto per un codice PHP PHP 1
S Aiuto per 2 codifiche java Java 5
G Aiuto per creare chat stile Facebook Javascript 7
Sevenjeak Aiuto e consigli su adattamento sito per dispositivi mobile HTML e CSS 2
S aiuto per script PHP/OOP PHP 2
J Aiuto per un sitema di upload per un progetto PHP 0
K Aiuto per sito Discussioni Varie 0
D Richiesta aiuto siti per indirizzamento forum HTML e CSS 1
M Aiuto per una libreria per generare grafici PHP 1
B Saluti ed aiuto per pagina web html HTML e CSS 11
I Aiuto per modificare gruppo buddypress WordPress 0
N Aiuto per html HTML e CSS 2
A Aiuto per Select form dinamica PHP 0
J Aiuto per capire javascript Javascript 0
M [gratutito] cerco aiuto per mio sito Offerte e Richieste di Lavoro e/o Collaborazione 1

Discussioni simili