Visualizzazione risultati 1 fino 2 di 2

Discussione: pag con stile...e tanti problemi...

  1. #1
    Guest

    Predefinito

    Ciao giovani sto cercando di creare un modello di sito carino e di codice pulito...Volevo sapere però se sono possibili determinate azioni che ora vi spiegherò nel dettaglio...

    la pag in questione è scriptata cosi...

    [code:1:a8d3ed0fa4]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    <html dir="itr" lang="it">
    <head>
    <title>Rpg Maker Project<meta name="keywords" content="rpg maker 2000 2002 2003 chara png bmp idraw prog giochi download game Eternity6 hentai picture sound midi chip set rip">
    </title>
    <style type="text/css" media="screen">
    @import url(a.css);
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body>
    <div id="testa"></div>
    <div id="corpo">
    <div id="corpo-colonna1">
    </div>
    <div id="corpo-colonna2">
    </div>
    <div id="corpo-colonna3">
    </div>
    </diV>
    <div id="piedipagina">
    </div>
    </body>
    </html>
    [/code:1:a8d3ed0fa4]

    Ora non so nemmeno se ho intestato bene..Cmq ora il mio CSS che mi sono fatto è praticamente il seguente...

    [code:1:a8d3ed0fa4]body {
    background:#99ccff;
    font:80% verdana,helvetica,sans-serif;
    margin:0; padding:0
    }
    code { font:80% verdana,helvetica,sans-serif; display:block; margin:0 1em .5em 1em; }
    hr { display:none }

    /* centrare la pagina web a larghezza fissa */
    body { text-align:center }
    #testa { width:90%; margin:1em auto; text-align:left }
    #corpo { width:90%; margin:1em auto; text-align:left }
    #piedipagina { width:90%; margin:1em auto; text-align:left }

    /* testa */
    #testa {
    background:#0099ff;
    border:1px solid #000;
    padding:1em 0;
    }

    /* corpo */
    #corpo {
    position:relative;
    background:#46B5FF;
    border:1px solid #000;
    }
    #corpo-colonna1 {
    position:absolute; top:0; left:0;
    width:160px;
    padding:1em 0;
    }
    #corpo-colonna2 {
    margin:0 200px 0 160px;
    border-left:1px solid #000;
    border-right:1px dotted #000;
    background:#fff;
    padding:1em 0;
    }
    #corpo-colonna3 {
    position:absolute; top:0; right:0;
    width:200px;
    padding:1em 0;
    }

    /*pie' di pagina */
    #piedipagina {
    background:#0099ff;
    border:1px solid #000;
    padding:1em 0;
    }[/code:1:a8d3ed0fa4]

    Tralasciando tutta il resto del css il mio prob è il seguente...

    Sul Div colonna1 e colonna3 saranno presenti dei link e avranno funzione di menu...Ora io vorrei sapere se è possibile con solo html far puntare quel link su colonna2 (quella centrale...) in modo tale che si apra in quella parte di Pag senza dover stare a creare per ogni Pag tutto il Lyout...

    Per farvi capire vorei creare lo stesso effetto che ho raggiunto con il mio sito www.eternitycrew.tk usando l'iFRAMe ma evitando la sgradevole presenza dello scroll?....

    Potete aiutarmi? Avete qualche idea per risolvere il problema?...

    Gazie in anticipo Ciauz!!

  2. #2
    Guest

    Predefinito

    Mumble mumble....

    Si può fare qualcosa, ma è relativo a poca roba, mi spiego: si può con layer o anche con una cella di tabella e un po di javascript, mostrare una didascalia in una cella appunto o in un layer.
    Il problema principale è questo, non potendo caricare dinamicamente dal server un file di testo con l'html o il javascript, ti toccherebbe mettere tutto il testo che deve andare in quella cella, nell'unica pagina contenente sia il menù che tutto il testo a cui puntano tutti i menù.
    La pagina così capirai che diverrebbe pesantissima.
    Di solito si ovvia un poco a questo facendo caricare delle immagini con dentro il testo, ma proprio perchè sono immagini, diventa comunque tutto molto pesante, quindi di solito ci si ferma a poca roba.
    Guarda in questo caso, o si usano i frame, o gli iFrame appunto, oppure cosa vantagiosa, si usa il php, facendogli caricare il testo da un file.txt preformattato.
    E' la via più rapida, ed anche la meno onerosa dal punto di vista del lavoro di programmazione.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •