- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Pagina non cresce
-
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
-
Niente, anche con il wrapper che mi hai consigliato non si vede lo sfondo del "corpo"
-
Scusa mi sono sbagliato, il wrapper va al "corpo" non al contenuto.
-
Ah ecco...già ci siamo!!!!
Grazie!!!!
Altro problemino.
Nel link postato prima manca un pezzo di grafica, che posto sotto...
Come potrei incorporarla?
Grazie[URL=http://img254.imageshack.us/my.php?image=headvz7.jpg]
-
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:
- Cambia il margine e sostituiscilo con del padding.
- Cambia i seguenti valori width: Menubar a 152px, Extrabar a 154px, Contenuto a 570px.
- Al div contenuto aggiungi **background: url(../../images/rivolto.jpg) top right; e rimuovi il div "rivolto"
** - Aggiungi tale regola in modo da far si che il testo all'interno del div "contenuto" non rimanga appiccicato al bordo della parte centrale:
[html]
#contenuto p{
padding:10px;
}
[/html]
- 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).
-
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!!
-
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
[html]
#extrabar{
background:url(immagineacqua.jpg) no-repeat top right;
}
[/html]
-
Non solo gli schizzi...se tu vedi quell'immagine mancano le parti iniziali dei tre div....
-
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!!
-
Ehi grazie ora funziona alla perfezione...
Ho il foot così fatto:#foot{ width: 1000px; height: 80px; margin: 0px auto; background: #ffffff url("../images/footer.png") no-repeat; clear: both;} 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;}
[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>[/HTML]
Potete vederlo andando su www. finsicilia .it/nuovo/index.phpQuando 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ì:
[URL=http://img407.imageshack.us/my.php?image=immagine1cp0.png]
Come posso risolvere?
Grazie!!!
-
Sono riuscito a spiegarmi?