• User Newbie

    problema con layout

    salve a tutti.
    sono un pivello che già in un'altra occasione aveva chiesto il vostro aiuto nella produzione di un sito che ora procede a rilento. grazie alla vostra pazienza ed ai vostri insegnamenti ho imparato anche 2 o 3 righe di css che mi torneranno sicuramente utili (credo fosse sms che mi avesse aiutato in quell'occasione e non finirò mai di ringraziarlo).
    ora ho un problema urgente: devo completare una ricerca storica assegnatami come prova d'esame per il mio corso di laurea, ho deciso di farla sotto forma di ipertesto html, il problema è che in questi due giorni mi sto accingendo a fare il layout del sito e non sto riuscendo a cavare un ragno dal buco.
    la mia idea era di chiudere il corpo delle pagine in un riquadro centrale, mettere un menu sopra questo riquadro, ed uno sfondo che abbracciasse le sezioni con un immagine "spaccata a metà" dal testo delle pagine.
    stavo cominciando a sviluppare l'idea, comincio a fare il layout con photoshop, pensando di fare un'immagine 800x600 e poi calcolando le sezioni impostare un style.css con la sezione del corpo e del menu, il mio problema è che mi sono reso conto che facendo in questo modo, la pagina avrà sempre quelle dimensioni anhe se si portasse a tutto schermo e che quindi il layout ed il testo comparissero come un "mini sito" in alto a sinistra dello schermo, ho provato a sbrigarmela diversamente, tentando di annidare (senza sapere se fosse possibile) una sezione di css che comprendesse le altre due e che si posizionasse al centro ma il problema rimaneva. ho provato a fare uno sfondo nero e ad impostare il mio layout come background centrato nella pagina ma in questo modo l'immagine si spostava a seconda della visualizzazione scelta ed il testo non era mai al suo posto.
    sono in crisi, vorrei fare una cosa molto semplice anche rudimentale ma che almeno funzioni, ho solo 9 giorni per finiro e già so he ho preso la direzione sbagliata.
    chiedo a voi che siete esperti di webdesign di darmi una mano, se ne avete voglia, come posso fare, senza dover aggirarmi in codici a me sconosciuti, per fare un sito di questo tipo?
    allego un'idea di quello che vorrei realizzare (45Kb, ma vi prego di darci un'occhiata).
    image
    datemi una mano pls!
    grazie in anticipo, alla prossima.


  • Super User

    Ciao 🙂

    Nel tuo specifico caso anzichè usare i CSS io userei delle tabelle.
    Ti semplificano di molto la vita... 😉


  • User Newbie

    potrebbe essere un'idea, vedo cosa riesco a fare stasera, ma rimane comunque il problema del posizionamento del background


  • Super User

    Non ho capito bene quele sia il problema di cui parli...

    Prova ad usare questa base:

    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    </head>
    <body>
    <center>
    	<table width="98%"  border="0">
    		<tr>
    			<td><table align="center" width="100%"  border="0">
    					<tr>
    						<td align="center">TITOLO</td>
    					</tr>
    				</table>
    				<table align="center" width="100%"  border="0">
    					<tr>
    						<td align="center">Menu</td>
    					</tr>
    				</table>
    				<table align="center" width="100%"  border="0">
    					<tr>
    						<td align="center" width="15%">Sfondo</td>
    						<td align="center" width="70%">Contenuti</td>
    						<td align="center" width="15%">Sfondo</td>
    					</tr>
    				</table>
    				<table align="center" width="100%"  border="0">
    					<tr>
    						<td align="center">Sfondo</td>
    					</tr>
    				</table></td>
    		</tr>
    	</table>
    </center>
    </body>
    </html>
    
    

    :ciauz:


  • User Attivo

    i lay-out tabellari, un tempo ritenuti accettabili, sono ormai diventati un espediente per realizzare rapidamente siti di basso livello qualitativo.

    [url=http://www.html.it/layout_css/]QUI troverai quanto ti serve per realizzare un lay-out professionale (se hai la pazienza di leggere tutto 🙂 )

    Io, vista la struttura che hai in mente, ti consiglierei di adottare un lay-out liquido a tre colonne realizzato con la tecnica dei margini negativi e delle false colonne in percentuale.


  • Super User

    @dead said:

    i lay-out tabellari, un tempo ritenuti accettabili, sono ormai diventati un espediente per realizzare rapidamente siti di basso livello qualitativo.
    Questo è chiaro.... ma vedi che non deve fare un sito, ma una presentazione in html e la deve fare pure di fretta.... 🙂

    :ciauz:


  • User Newbie

    grazie ad entrambi dell'aiuto, tenterò di vedere cosa riesco a fare con le tabelle e leggerò sicuramente la guida di html.it, spero di cavarmela bene in ogni caso, vi farò sapere cosa verrà fuori e spero di poter contare di nuovo sul vostro contributo nel caso non riuscissi a capire o a realizzare qualcosa.
    per ora, grazie ancora


  • User Newbie

    e se facessi un ibrido tra tabelle e css?
    pensavo se fosse possibile creare con il css un solo #div centrale per i contenuti delle pagine e poi poter scrollare solo quello con una barra interna alla cella centrale della tabella, così le img di sfondo rimarrebbero ferme e uno potrebbe scrollare solo nella "finestra" centrale.
    è possibile?


  • Super User

    @Virgin Steele said:

    e se facessi un ibrido tra tabelle e css?
    ....
    è possibile?

    Nessuni ti vieta di usare css e tabelle insieme, ed è quello che fanno tantissimi siti.