Utility
Home Messaggi odierni FAQ Ricerca avanzata Lo staff del forum Regolamento Utenti Archivio
Visualizzazione dei risultati da 1 a 7 su 7

Discussione: html--css

  1. 10-03-2004, 16:07 #1
    sara_co
    sara_co non è in linea
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    22

    html--css

    --------questa é la index------------



    <HTML>
    <HEAD>
    <TITLE>welcome in the d'n'b area</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

    <SCRIPT TYPE="text/javascript">
    <!--
    <!--

    userAgent = window.navigator.userAgent;
    browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
    function newImage(arg) {
    if (document.images) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;
    }
    }

    function findElement(n,ly) {
    if (browserVers < 4) return document[n];
    var curDoc = ly ? ly.document : document;
    var elem = curDoc[n];
    if (!elem) {
    for (var i=0;i<curDoc.layers.length;i++) {
    elem = findElement(n,curDoc.layers[i]);
    if (elem) return elem;
    }
    }
    return elem;
    }

    function changeImages() {
    if (document.images && (preloadFlag == true)) {
    var img;
    for (var i=0; i<changeImages.arguments.length; i+=2) {
    img = null;
    if (document.layers) {
    img = findElement(changeImages.arguments[i],0);
    }
    else {
    img = document.images[changeImages.arguments[i]];
    }
    if (img) {
    img.src = changeImages.arguments[i+1];
    }
    }
    }
    }

    var preloadFlag = false;
    function preloadImages() {
    if (document.images) {
    news_over = newImage("immagini/news-over.jpg");
    playlist_over = newImage("immagini/playlist-over.jpg");
    contattaci_over = newImage("immagini/contattaci-over.jpg");
    recensioni_over = newImage("immagini/recensioni-over.jpg");
    photogallery_over = newImage("immagini/photogallery-over.jpg");
    link_over = newImage("immagini/link-over.jpg");
    crediti_over = newImage("immagini/crediti-over.jpg");
    preloadFlag = true;
    }
    }

    // -->

    function MM_openBrWindow(theURL,winName,features) { //v2.0
    window.open(theURL,winName,features);
    }
    //-->
    </SCRIPT>



    <link href="boulevard" rel="stylesheet" type="text/css">

    -->


    </HEAD>
    <BODY ONLOAD="preloadImages();" STYLE="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">


    <DIV class="centratore"ID="banner" >
    [img]immagini/banner.jpg[/img]
    </DIV>
    <DIV class="centratore" ID="animazione">
    [img]immagini/animazione.jpg[/img]
    </DIV>
    <DIV class="centratore" ID="niente1">
    [img]immagini/niente1.jpg[/img]
    </DIV>
    <DIV ID="niete2" class="centratore">
    [img]immagini/niete2.jpg[/img]
    </DIV>
    <DIV ID="news" class="centratore">
    <A HREF="#" onClick="MM_openBrWindow('italiano/news.html','neeeewwwssss','toolbar=yes,scrollbars= yes,width=350,height=470')"
    ONMOUSEOVER="changeImages('news', 'immagini/news-over.jpg'); return true;"
    ONMOUSEOUT="changeImages('news', 'immagini/news.jpg'); return true;">
    [img]immagini/news.jpg[/img]</A>
    </DIV>
    <DIV ID="niente3" class="centratore">
    [img]immagini/niente3.jpg[/img]
    </DIV>
    <DIV ID="niete4" class="centratore">
    [img]immagini/niete4.jpg[/img]
    </DIV>
    <DIV ID="playlist" class="centratore">
    <A HREF="#" onClick="MM_openBrWindow('italiano/playlist.html','playlist','width=350,height=470')"
    ONMOUSEOVER="changeImages('playlist', 'immagini/playlist-over.jpg'); return true;"
    ONMOUSEOUT="changeImages('playlist', 'immagini/playlist.jpg'); return true;">
    [img]immagini/playlist.jpg[/img]</A>
    </DIV>
    <DIV ID="niente5" class="centratore">
    [img]immagini/niente5.jpg[/img]
    </DIV>
    <DIV ID="contattaci" class="centratore">
    <A HREF="#" onClick="MM_openBrWindow('italiano/contattaci.html','contattaci','scrollbars=yes,widt h=350,height=470')"
    ONMOUSEOVER="changeImages('contattaci', 'immagini/contattaci-over.jpg'); return true;"
    ONMOUSEOUT="changeImages('contattaci', 'immagini/contattaci.jpg'); return true;">
    [img]immagini/contattaci.jpg[/img]</A>
    </DIV>
    <DIV ID="recensioni" class="centratore">
    <A HREF="#" onClick="MM_openBrWindow('italiano/recensioni.html','recensioni','width=350,height=47 0')"
    ONMOUSEOVER="changeImages('recensioni', 'immagini/recensioni-over.jpg'); return true;"
    ONMOUSEOUT="changeImages('recensioni', 'immagini/recensioni.jpg'); return true;">
    [img]immagini/recensioni.jpg[/img]</A>
    </DIV>
    <DIV ID="index-12" class="centratore">
    [img]immagini/index_12.jpg[/img]
    </DIV>
    <DIV ID="box4" class="centratore">
    [img]immagini/box4.jpg[/img]
    </DIV>
    <DIV ID="box2" class="centratore">
    [img]immagini/box2.jpg[/img]
    </DIV>
    <DIV ID="box5" class="centratore">
    [img]immagini/box5.jpg[/img]
    </DIV>
    <DIV ID="box3" class="centratore">
    [img]immagini/box3.jpg[/img]
    </DIV>
    <DIV ID="index-17" class="centratore">
    [img]immagini/index_17.jpg[/img]
    </DIV>
    <DIV ID="box6" class="centratore">
    [img]immagini/box6.jpg[/img]
    </DIV>
    <DIV ID="index-19" class="centratore">
    [img]immagini/index_19.jpg[/img]
    </DIV>
    <DIV ID="index-20" class="centratore">
    [img]immagini/index_20.jpg[/img]
    </DIV>
    <DIV ID="photogallery" class="centratore">
    <A HREF="#"
    ONMOUSEOVER="changeImages('photogallery', 'immagini/photogallery-over.jpg'); return true;"
    ONMOUSEOUT="changeImages('photogallery', 'immagini/photogallery.jpg'); return true;">
    [img]immagini/photogallery.jpg[/img]</A>
    </DIV>
    <DIV ID="niente6" class="centratore">
    [img]immagini/niente6.jpg[/img]
    </DIV>
    <DIV ID="disco93x81" class="centratore">
    [img]immagini/disco93x81.jpg[/img]
    </DIV>
    <DIV ID="index-24" class="centratore">
    [img]immagini/index_24.jpg[/img]
    </DIV>
    <DIV ID="box7" class="centratore">
    [img]immagini/box7.jpg[/img]
    </DIV>
    <DIV ID="box12" class="centratore">
    [img]immagini/box12.jpg[/img]
    </DIV>
    <DIV ID="index-27">
    [img]immagini/index_27.jpg[/img]
    </DIV>
    <DIV ID="link">
    <A HREF="#" onClick="MM_openBrWindow('italiano/link.html','llliiinnnkkkk','scrollbars=yes,width=3 50,height=470')"
    ONMOUSEOVER="changeImages('link', 'immagini/link-over.jpg'); return true;"
    ONMOUSEOUT="changeImages('link', 'immagini/link.jpg'); return true;">
    [img]immagini/link.jpg[/img]</A>
    </DIV>
    <DIV ID="index-29">
    [img]immagini/index_29.jpg[/img]
    </DIV>
    <DIV ID="box8">
    [img]immagini/box8.jpg[/img]
    </DIV>
    <DIV ID="index-31">
    [img]immagini/index_31.jpg[/img]
    </DIV>
    <DIV ID="box13">
    [img]immagini/box13.jpg[/img]
    </DIV>
    <DIV ID="crediti">
    <A HREF="#" onClick="MM_openBrWindow('italiano/crediti.html','credits','width=350,height=470')"
    ONMOUSEOVER="changeImages('crediti', 'immagini/crediti-over.jpg'); return true;"
    ONMOUSEOUT="changeImages('crediti', 'immagini/crediti.jpg'); return true;">
    [img]immagini/crediti.jpg[/img]</A>
    </DIV>
    <DIV ID="index-34">
    [img]immagini/index_34.jpg[/img]
    </DIV>
    <DIV ID="box14">
    [img]immagini/box14.jpg[/img]
    </DIV>
    <DIV ID="box10">
    [img]immagini/box10.jpg[/img]
    </DIV>
    <DIV ID="index-37">
    [img]immagini/index_37.jpg[/img]
    </DIV>
    <DIV ID="box15">
    [img]immagini/box15.jpg[/img]
    </DIV>
    <DIV ID="box11">
    [img]immagini/box11.jpg[/img]
    </DIV>
    <DIV ID="index-40">
    [img]immagini/index_40.jpg[/img]
    </DIV>
    <DIV ID="index-41">
    [img]immagini/index_41.jpg[/img]
    </DIV>

    </BODY>
    </HTML>


    ----------------questo il css----------------



    .centratore {
    margin:auto;
    body text-align:center;
    }
    #banner {
    position:absolute;
    left:0px;
    top:0px;
    width:700px;
    height:103px;
    }

    #animazione {
    position:absolute;
    left:0px;
    top:103px;
    width:700px;
    height:22px;
    }

    #niente1 {
    position:absolute;
    left:0px;
    top:125px;
    width:700px;
    height:32px;
    }

    #niete2 {
    position:absolute;
    left:0px;
    top:157px;
    width:55px;
    height:98px;
    }

    #news {
    position:absolute;
    left:55px;
    top:157px;
    width:74px;
    height:28px;
    }

    #niente3 {
    position:absolute;
    left:129px;
    top:157px;
    width:46px;
    height:118px;
    }

    #niete4 {
    position:absolute;
    left:175px;
    top:157px;
    width:162px;
    height:28px;
    }

    #playlist {
    position:absolute;
    left:337px;
    top:157px;
    width:74px;
    height:28px;
    }

    #niente5 {
    position:absolute;
    left:411px;
    top:157px;
    width:289px;
    height:83px;
    }

    #contattaci {
    position:absolute;
    left:55px;
    top:185px;
    width:74px;
    height:27px;
    }

    #recensioni {
    position:absolute;
    left:175px;
    top:185px;
    width:74px;
    height:28px;
    }

    #index-12 {
    position:absolute;
    left:249px;
    top:185px;
    width:88px;
    height:199px;
    }

    #box4 {
    position:absolute;
    left:337px;
    top:185px;
    width:74px;
    height:27px;
    }

    #box2 {
    position:absolute;
    left:55px;
    top:212px;
    width:74px;
    height:27px;
    }

    #box5 {
    position:absolute;
    left:337px;
    top:212px;
    width:74px;
    height:27px;
    }

    #box3 {
    position:absolute;
    left:175px;
    top:213px;
    width:74px;
    height:27px;
    }

    #index-17 {
    position:absolute;
    left:55px;
    top:239px;
    width:74px;
    height:16px;
    }

    #box6 {
    position:absolute;
    left:337px;
    top:239px;
    width:74px;
    height:27px;
    }

    #index-19 {
    position:absolute;
    left:175px;
    top:240px;
    width:74px;
    height:35px;
    }

    #index-20 {
    position:absolute;
    left:411px;
    top:240px;
    width:120px;
    height:79px;
    }

    #photogallery {
    position:absolute;
    left:531px;
    top:240px;
    width:74px;
    height:28px;
    }

    #niente6 {
    position:absolute;
    left:605px;
    top:240px;
    width:95px;
    height:160px;
    }

    #disco93x81 {
    position:absolute;
    left:0px;
    top:255px;
    width:93px;
    height:81px;
    }

    #index-24 {
    position:absolute;
    left:93px;
    top:255px;
    width:36px;
    height:20px;
    }

    #box7 {
    position:absolute;
    left:337px;
    top:266px;
    width:74px;
    height:27px;
    }

    #box12 {
    position:absolute;
    left:531px;
    top:268px;
    width:74px;
    height:27px;
    }

    #index-27 {
    position:absolute;
    left:93px;
    top:275px;
    width:42px;
    height:61px;
    }

    #link {
    position:absolute;
    left:135px;
    top:275px;
    width:74px;
    height:28px;
    }

    #index-29 {
    position:absolute;
    left:209px;
    top:275px;
    width:40px;
    height:109px;
    }

    #box8 {
    position:absolute;
    left:337px;
    top:293px;
    width:73px;
    height:26px;
    }

    #index-31 {
    position:absolute;
    left:410px;
    top:293px;
    width:1px;
    height:26px;
    }

    #box13 {
    position:absolute;
    left:531px;
    top:295px;
    width:74px;
    height:27px;
    }

    #crediti {
    position:absolute;
    left:135px;
    top:303px;
    width:74px;
    height:27px;
    }

    #index-34 {
    position:absolute;
    left:337px;
    top:319px;
    width:194px;
    height:65px;
    }

    #box14 {
    position:absolute;
    left:531px;
    top:322px;
    width:74px;
    height:27px;
    }

    #box10 {
    position:absolute;
    left:135px;
    top:330px;
    width:74px;
    height:27px;
    }

    #index-37 {
    position:absolute;
    left:0px;
    top:336px;
    width:135px;
    height:48px;
    }

    #box15 {
    position:absolute;
    left:531px;
    top:349px;
    width:74px;
    height:27px;
    }

    #box11 {
    position:absolute;
    left:135px;
    top:357px;
    width:74px;
    height:27px;
    }

    #index-40 {
    position:absolute;
    left:531px;
    top:376px;
    width:74px;
    height:8px;
    }

    #index-41 {
    position:absolute;
    left:0px;
    top:384px;
    width:605px;
    height:16px;
    }
    Rispondi quotando Rispondi quotando
  2. 10-03-2004, 16:09 #2
    sara_co
    sara_co non è in linea
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    22
    grazie della pazienza
    Rispondi quotando Rispondi quotando
  3. 10-03-2004, 16:12 #3
    Federix
    Federix non è in linea
    Utente di HTML.it L'avatar di Federix
    Registrato dal
    Aug 2002
    Messaggi
    8,951
    Prova a realizzare un livello che racchiude tutti gli altri e mettigli come classe centratore.
    codice:
    <div class="centratore">
.
.
.tutti i restanti div devono essere compresi qua dentro
.
.
</div>
    Inoltre il link al foglio di stile è dichiarato male, manca l'estensione al file boulevard.css.
    C'è un --> prima del body che non serve a niente.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"
    Rispondi quotando Rispondi quotando
  4. 10-03-2004, 16:21 #4
    sara_co
    sara_co non è in linea
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    22
    ci ho gia provato ma non ha funzionato; poi più precisamente che intendi per creare un livello che contenga tutti gli altri?
    ad ogni modo grazie di tutto l'aiuto
    riuscirò ad uscire da questo fosso?
    Rispondi quotando Rispondi quotando
  5. 10-03-2004, 16:41 #5
    Federix
    Federix non è in linea
    Utente di HTML.it L'avatar di Federix
    Registrato dal
    Aug 2002
    Messaggi
    8,951
    Ho capito l'errore. Nei vari stili hai messo sempre:
    codice:
    position:absolute;
left:0px;
top:0px;
    in questo modo i livelli si posizionano sempre in alto a sinistra e via così. Devi modificare questi stili e adattarli alle tue esigenze.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"
    Rispondi quotando Rispondi quotando
  6. 10-03-2004, 17:06 #6
    sara_co
    sara_co non è in linea
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    22

    ricominciamo

    allora,
    questo vul dire che ad ogni stile devo aggiungere (che ne so per esmpio) 20 pixel sul left in modo che mi sposta tutto a sx di 20 pixel
    e cambiare position (se si con che tipologia?)
    oppure basta che non dando absolut come posizione poi posso controllare tutti gli stili con un unica classe?
    sempre grazie!
    Rispondi quotando Rispondi quotando
  7. 10-03-2004, 17:33 #7
    Federix
    Federix non è in linea
    Utente di HTML.it L'avatar di Federix
    Registrato dal
    Aug 2002
    Messaggi
    8,951
    Se lo sposti di 20 pixel, la tabella non ti viene centrale, ma ti viene spostata di 20 pixel in orizzontale. Secondo me dovresti mettere postion:relative; e poi mettere il div contenitore che contiene tutti gli altri livelli, come ti ho spiegato nel post sopra.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"
    Rispondi quotando Rispondi quotando
« Discussione precedente | Prossima discussione »

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  

Regole del Forum

Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.