Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    32

    perchè va a capo?!? (java)

    Ciao a tutti..
    ho un problema:
    il tag <div="..."> mi manda il contenuto testuale che funge da link a capo...come devo fare per evitare che mi vada a capo???
    questo è il codice della pagina che sto creando:


    <html>
    <head>
    <title>La pubblicità</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta name="generator" content="HAPedit 3.1">

    <style type="text/css">
    body{font: 76% Verdana, Arial, sans-serif;text-align:left}
    div#container{}
    h1{color: #68B0D8;font: 170% Georgia, serif}
    a{color: #00f}
    div#quotidiani p{width: 250px;padding: 0 5px;
    border:1px solid #68B0D8;background-color: #C8ECFF}
    div#riviste p{width: 250px;padding: 0 5px;
    border:1px solid #68B0D8;background-color: #C8ECFF}
    div#immagine img{margin: 10px 0;border: 1px solid #ccc;padding: 4px}
    </style>

    <script type="text/javascript" src="showhide.js"></script>
    </head>
    <body>

    <div id="container">
    <h1>La Pubblicità</h1>




    Con il termine pubblicità si intendono tutte le forme di comunicazione di massa utilizzate per promuovere la vendita di beni o servizi.
    La pubblicità viene utilizzata quando le forme di vendita diretta e personale sono impossibili, complicate o semplicemente inefficaci e le tecniche adottate variano ampiamente per complessità,
    giacché vanno dagli annunci chiari e diretti delle inserzioni nei giornali all'uso concertato di

    <div id="quotidiani">



    quotidiani quotidiani quotidiani quotidiani quotidiani quotidiani quotidiani</p>

    </div>

    <div id="riviste">



    televisione - con javascript è molto semplice mostrare e nascondere un elemento di pagina.</p>

    </div>

    <div>


    Un paragrafo... In questo ultimo esempio, vedremo come sia possibile separare totalmente html, css e javascript.
    Quella che segue Ë un immagine digitale...</p>

    <div id="immagine">
    [img]egg.jpg[/img]
    </div>
    </div>
    </body>

  2. #2
    Ciao,
    scusa ma non ho capito cosa non vuoi che vada a capo.
    , Lara Forcellini.

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    32
    allora:
    ho inserito nella pagina html (il cui codice è quello sopra postato) il linguaggio javascript e inoltre ho creato un file javascript (*.js) il cui codice è:

    onload=function(){
    if(document.getElementById && document.createElement){
    /*le modifiche allo script vanno solo fatte qui*/
    Attiva("quotidiani","quotidiani","quotidiani");
    Attiva("riviste","riviste","riviste");
    Attiva("immagine","quotidiani, riviste, radio e televisione","quotidiani, riviste, radio e televisione");
    }
    }

    function Attiva(id,s1,s2){
    var el=document.getElementById(id);
    el.style.display="none";
    var c=document.createElement("div");
    var link=document.createElement("a");
    link.href="#";
    link.appendChild(document.createTextNode(s1));
    link.onclick=function(){
    link.firstChild.nodeValue = (link.firstChild.nodeValue==s1) ? s2 : s1;
    el.style.display=(el.style.display=="none") ? "block" : "none";
    }
    c.appendChild(link);
    el.parentNode.insertBefore(c,el);
    }

    il contenuto di questo file è richiamato dal tag <div="..."> che si trova nella pagina html principale e il suo scopo è quello di fare comparire una scritta o un immagine, nella stessa pagina, cliccando su una parola..

    il problema è che questa parola, che quindi ha praticamente funzione di link, mi va automaticamente a capo.. mentre io vorrei che rimanesse insieme al resto del contenuto testuale...

    esemplifico per rendere ulteriormente l'idea (la parola che funge da link è scritta il maiuscolo):

    la pubblicita è bla bla bla...
    TELEVISIONE
    è il principale mezzo di ecc ecc

    mentre io vorrei che fosse cosi:

    la pubblicita è bla bla bla... la TELEVISIONE è il principale mezzo di ecc ecc

    spero mi sappiate aiutare perchè sono in crisi ed è abbastanza urgente...
    grazie mille in anticipo..

  4. #4
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    32
    è comprensibile quello che chiedo???

  5. #5
    il DIV è un elemento blocco, quindi manda sempre a capo!
    prova mettendo display: inline; nel css associato al div

  6. #6

  7. #7
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    32
    cioè? di preciso dove li dovrei mettere questi tag?
    non conosco molto i linguaggi di programmazione.. :master:

  8. #8
    qui non ci sono linguaggi di programmazione!

    <style type="text/css">
    body{font: 76% Verdana, Arial, sans-serif;text-align:left}
    div#container{}
    h1{color: #68B0D8;font: 170% Georgia, serif}
    a{color: #00f}
    div#quotidiani {display: inline;}
    div#quotidiani p{width: 250px;padding: 0 5px;
    border:1px solid #68B0D8;background-color: #C8ECFF}
    div#riviste {display: inline;}
    div#riviste p{width: 250px;padding: 0 5px;
    border:1px solid #68B0D8;background-color: #C8ECFF}
    div#immagine {display: inline;}
    div#immagine img{margin: 10px 0;border: 1px solid #ccc;padding: 4px}
    </style>


    oppure potresti anche usare una sola dichiarazione al posto delle tre sopra
    div#container div {display: inline;}

    prova!

  9. #9
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    32
    Originariamente inviato da awd
    qui non ci sono linguaggi di programmazione!
    vabè dai...


    no cmq, ho provato a fare come dici tu ma non cambia assolutamente niente... non so se sono io che sbaglio, ma tanto ho fatto copia/incolla di quello che hai scritto tu...quindi...

  10. #10
    Utente di HTML.it
    Registrato dal
    May 2005
    Messaggi
    32
    UP!
    Help Me!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.