Un Evento Unico. 5 Sale. 27 Interventi. SEO, SOCIAL, E-Commerce, Mobile, Turismo.
CLICCA QUI e SCOPRI DI PIù X Chiudi
 
Forum GT: Condividiamo idee e conoscenza Forum GT: Condividiamo idee e conoscenza


Condividi questo contenuto nei Social Network:
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito.


Vai indietro   Forum per Webmaster: Condividiamo Idee e Conoscenza > Sviluppo e Gestione siti web > Css
Benvenuto! Forum Regole FAQ Lista utenti Calendario Segna come letti

Css Supporto per i Fogli di Stile

Hey Amico Visitatore,
Condividi con noi le tue idee e la tua conoscenza Aprendo una nuova discussione nella sezione Css


Rispondi
 
LinkBack Strumenti di discussione
Vecchio 08-01-09, 17:13   #16 (permalink)
Moderatore
 
L'avatar di karedas
 
Data di registrazione: May 2007
Ubicazione: Impruneta (Firenze)
Messaggi: 1,098
La pazienza è la virtù dei forti
Se puoi dovresti farci vedere una versione online di ciò che stai realizzando in modo da aiutarci , così è un pò troppo impraticabile.
__________________

Easysystem- Software and hardware solutions
karedas non in linea   Rispondi citando
Vecchio 08-01-09, 17:27   #17 (permalink)
 
Data di registrazione: Mar 2007
Ubicazione: Catania
Messaggi: 723
Eccolo online:
http:// www.catanianuoto2000 .it/fin/nuovo/

Fammi sapere...
Grazie!!!
__________________
talkoman non in linea   Rispondi citando
Vecchio 08-01-09, 18:06   #18 (permalink)
Moderatore
 
L'avatar di karedas
 
Data di registrazione: May 2007
Ubicazione: Impruneta (Firenze)
Messaggi: 1,098
Il Div contenuto può non avere l'attributo "relative".
Impostalo anch'esso in float:left e togligli il margine laterale.
Inoltre aggiungi nel div "contenuto" poco prima del suo tag di chiusura "</div>" questo tag:

Codice HTML:
<br class="wrapper"/>
con css:

Codice HTML:
.wrapper{
clear:both;
width:100%;
}
Ciò dovrebbe risolverti anche i problemi di visualizzazione rimasti nel div "contenuto".
Il tuo box contenitore è di 1000px ciò vuol dire che le due colonne laterali più il contenuto devono andare a formare, sommando le loro larghezze, questo valore. Ciò è da considerarsi molto importante perchè altrimenti non utilizzeresti a pieno lo spazio da te assegnato tramite il box contenitore.

- Ricordati innanzitutto che margini, padding e bordi sono da contare in tale somma.
- Al foot dagli l'attributo "clear:both" e così automaticamente si posizionerà ai piedi del contenuto precedente.

Inoltre un'altra regola: se il tuo container è grande 1000px, allora non importa ripetere questo valore anche per il foot, gli possiamo dare però "width:100%" che equivale al valore sopracitato anche se più dinamico.
__________________

Easysystem- Software and hardware solutions

Ultima modifica di karedas : 08-01-09 18:08.
karedas non in linea   Rispondi citando
Vecchio 08-01-09, 18:15   #19 (permalink)
 
Data di registrazione: Mar 2007
Ubicazione: Catania
Messaggi: 723
Inizia a prendere forma...grazie
Ho messo il position:relative al contenuto perchè utilizzo il div rivolto con position:absolute.

Ora tutto è in linea, ma come potrete vedere, non si vede più lo sfondo del div corpo
__________________
talkoman non in linea   Rispondi citando
Vecchio 08-01-09, 18:37   #20 (permalink)
 
Data di registrazione: Mar 2007
Ubicazione: Catania
Messaggi: 723
Niente, anche con il wrapper che mi hai consigliato non si vede lo sfondo del "corpo"
__________________
talkoman non in linea   Rispondi citando
Vecchio 08-01-09, 18:58   #21 (permalink)
Moderatore
 
L'avatar di karedas
 
Data di registrazione: May 2007
Ubicazione: Impruneta (Firenze)
Messaggi: 1,098
Scusa mi sono sbagliato, il wrapper va al "corpo" non al contenuto.
__________________

Easysystem- Software and hardware solutions
karedas non in linea   Rispondi citando
Vecchio 08-01-09, 19:26   #22 (permalink)
 
Data di registrazione: Mar 2007
Ubicazione: Catania
Messaggi: 723
Ah ecco...già ci siamo!!!!
Grazie!!!!
Altro problemino.
Nel link postato prima manca un pezzo di grafica, che posto sotto...
Come potrei incorporarla?
Grazie

__________________
talkoman non in linea   Rispondi citando
Vecchio 09-01-09, 09:57   #23 (permalink)
Moderatore
 
L'avatar di karedas
 
Data di registrazione: May 2007
Ubicazione: Impruneta (Firenze)
Messaggi: 1,098
Intanto cambia alcune cose:

- Dai delle dimensioni più logiche alle tre colonne. Attualmente non vanno a ricoprire per intero lo spazio che tu gli fornisci tramite il container principale (e cioè 1000px).
Suggerimento:
  1. Cambia il margine e sostituiscilo con del padding.
  2. Cambia i seguenti valori width: Menubar a 152px, Extrabar a 154px, Contenuto a 570px.
  3. Al div contenuto aggiungi background: url(../../images/rivolto.jpg) top right; e rimuovi il div "rivolto"
  4. Aggiungi tale regola in modo da far si che il testo all'interno del div "contenuto" non rimanga appiccicato al bordo della parte centrale:
Codice HTML:
#contenuto p{
padding:10px;
}
__________________

Easysystem- Software and hardware solutions

Ultima modifica di karedas : 09-01-09 10:00.
karedas non in linea   Rispondi citando
Vecchio 09-01-09, 10:31   #24 (permalink)
 
Data di registrazione: Mar 2007
Ubicazione: Catania
Messaggi: 723
Intanto gentilissimo per gli aiuti che mi stai dando....
Allora il rivolto lì non va bene, tranne che ritaglio diversamente l'immagine, ma poi si vedrebbe l'ombra dell'immagine sottostante e non va bene...

Per quanto riguarda quel pezzo mancante che ho postato prima?
Hai idea di come potrei risolvere?
Praticamente manca l'effetto acqua sulla destra e il top della menubar,extrabar e contenuto...
Ciao
Grazi!!
__________________
talkoman non in linea   Rispondi citando
Vecchio 09-01-09, 11:41   #25 (permalink)
Moderatore
 
L'avatar di karedas
 
Data di registrazione: May 2007
Ubicazione: Impruneta (Firenze)
Messaggi: 1,098
Non va bene perchè non hai aggiunto al div contenuto "padding:0 10px;". Aggiungendo questo vedrai che ti sistemerà perfettamente.

Se per quanto riguarda la parte mancante parli degli schizzi d'acqua sulla destra, allora ti basterebbe secondo me fare così:

Ritagli l'immagine dell'acqua mancante e l'aggiungi a quella zona

Codice HTML:
#extrabar{
background:url(immagineacqua.jpg) no-repeat top right;
}
__________________

Easysystem- Software and hardware solutions
karedas non in linea   Rispondi citando
Vecchio 09-01-09, 12:11   #26 (permalink)
 
Data di registrazione: Mar 2007
Ubicazione: Catania
Messaggi: 723
Non solo gli schizzi...se tu vedi quell'immagine mancano le parti iniziali dei tre div....
__________________
talkoman non in linea   Rispondi citando
Vecchio 09-01-09, 12:57   #27 (permalink)
 
Data di registrazione: Mar 2007
Ubicazione: Catania
Messaggi: 723
Ehi è venuta una cosa stupenda......
Se vuoi vai a vederla...
Praticamente ho ritagliato il top di ogni div e l'ho messo come sfondo in alto ad ogni div....
Però ho dovuto mettere i width:
- menubar: 204px
- contenuto: 590px
- extrabar: 206px
Perchè le dimensioni delle immagini di sfondo erano queste...
Inoltre ho dovuto togliere i margin a tutti e tre i div perchè se no le immagini slittavano tutte.....
Però ora come faccio a giostrarmi quello che sarà dentro ogni div?
Grazie!!
__________________
talkoman non in linea   Rispondi citando
Vecchio 11-01-09, 16:15   #28 (permalink)
 
Data di registrazione: Mar 2007
Ubicazione: Catania
Messaggi: 723
Ehi grazie ora funziona alla perfezione...
Ho il foot così fatto:
Codice:
#foot{ width: 1000px; height: 80px; margin: 0px auto; background: #ffffff  url("../images/footer.png") no-repeat; clear: both;}
#foot img{border: none;}
.finFoot{position: absolute; margin: 21px 0px 0px 158px}
.coniFoot{position: absolute; margin: 21px 0px 0px 312px}
.lucandreFoot{position: absolute; margin: 55px 0px 0px 910px;}
.w3c{ position: absolute; padding: 45px 0px 0px 5px;}
Codice HTML:
<div id="foot">
<a href="http://validator.w3.org/check?uri=referer"><img class="w3c" src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid  XHTML 1.0 Transitional" height="31" width="88" /></a>
	<a href="http://www.federnuoto.it/" target="_blank"><img class="finFoot" src="images/logoFinFoot.jpg" alt="FIN - Federazione Italiana Nuoto" /></a>
	<a href="http://www.conisicilia.it/" target="_blank"><img class="coniFoot" src="images/logoConiFoot.jpg" alt="CONI - Comitato Regionale Sicilia" /></a>
   	<a href="http://www.lucandre.com/" target="_blank"><img class="lucandreFoot" src="images/logoLucandreFoot.jpg" alt="Lucandre Professional //webDESIGNstudio" /></a>
</div>
Potete vederlo andando su www. finsicilia .it/nuovo/index.php

Quando apro la pagina e inizio a scorrerla prima che abbia finito di caricare, a caricamento concluso mi ritrovo le immagini all'interno del Foot tutte sfasate così:

Come posso risolvere?
Grazie!!!
__________________
talkoman non in linea   Rispondi citando
Vecchio 12-01-09, 16:51   #29 (permalink)
 
Data di registrazione: Mar 2007
Ubicazione: Catania
Messaggi: 723
Sono riuscito a spiegarmi?
__________________
talkoman non in linea   Rispondi citando
Rispondi
Tags:



Strumenti di discussione

Regole di scrittura
Non puoi postare nuove discussioni
Non puoi rispondere alle discussioni
Non puoi allegare file
Non puoi editare i tuoi post

BB code is Attivo
smilies è Attivo
[IMG] il codice è Attivo
Il codice HTML è Disattivato
Trackbacks are Attivo
Pingbacks are Attivo
Refbacks are Disattivato
Vai al forum



Tutti gli orari sono GMT +3. Attualmente sono le 05:35.




Forum GT - © 2004-2009 GT idea S.r.l P.iva 02418200800 - Privacy/Disclaimer

SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc.