Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 18

Discussione: Impostazione XHTML

  1. #1

    Impostazione XHTML

    Buon giorno a tutti,

    io sto creando ora una pagina web in XHTML e non riesco a capire come fare una cosa, ho inserito un articolo abbastanza lungo e, verso metà dell'articolo, mi viene coperto dai vari link che ci sono, tipo "Home" e via di seguito, però non so come fare ad abbassarlo, come posso fare?

    Il codice della pagina è:

    codice:
    <body>
    <form id="form1" name="form1" method="post" action="">
     <div id="topheader">
       <div class="logo"></div>
        <div class="menu_area">Home<a href="#" class="psyche_sex">Psyche 
          &amp; Sex</a>Tech-Away 
          La cucina di francesco
          Book streetblock...notes</div>
     </div>
     <div id="search_strip">
      <div class="freeregistration">
          <div class="registration"><font color="#FF0000">FITNESS</font></div>
      </div>
      <div class="search_area">
        <div class="search_box">
          <label>
          <input name="textfield" type="text" class="searchtextbox" />
          </label>
        </div>
        <div class="search_go">
          <div align="center">GO</div>
        </div>
        <div class="search_box">&raquo; Advance Search</div>
      </div>
     </div>
    <div id="body_area">
      <div class="left">
        <div class="left_menutop"></div>
        <div class="left_menu_area">
          <div align="right">
              
    
    Home
    
                Psyche &amp; Sex
    
                Tech-Away</p>
              
    
    La cucina di Francesco</p>
              
    
    Book Street</p>
              
    
    Block...not</p>
              
    
    Wide Screen</p>
              
    
    Diario di...viaggio
    
                Archivio
    
                Contatti</p>
              </div>
        </div>
    	<div class="comments_area">
        <div class="comment_head">
          <div align="right">Comments</div>
        </div>
        <div class="comments_text">
          <div align="right">Justo praesent 
    
            ourna tempus imperdiet llentes Pellentesque</div>
        </div>
        <div class="comments_text">
          <div align="right">At leo at elitconsequat 
    
            uctus pellentesque et erat nec </div>
        </div>
        <div class="comments_text">
          <div align="right">Vestibulum vepusl  
    
            vamus et magna et torpraesent accumsan</div>
        </div></div>
    	<div class="comments_area">
        <div class="Services_head">
          <div align="right">Services
    
                <font size="-1">Molto rumore... per nulla
    
                (L'angolo dello sfogo)</font></div>
        </div>
        <div class="comments_text">
          <div align="right">Justo praesent 
    
            ourna tempus imperdiet llentes Pellentesque</div>
        </div>
        <div class="comments_text">
          <div align="right">At leo at elitconsequat 
    
            uctus pellentesque et erat nec </div>
        </div>
        <div class="comments_text">
          <div align="right">Vestibulum vepusl 
    
            vamus et magna et torpraesent accumsan</div>
        </div>
        <div class="comments_text">
          <div align="right">Justo praesent 
    
            ourna tempus imperdiet llentes Pellentesque</div>
        </div></div>
      </div>
      <div class="midarea">
          <div class="head"> &Egrave; tempo di fitness</div>
        <div class="body_textarea">
            <div align="justify"> 
              <p align="center">[img]images/palestra.jpg[/img]</p>
              <p align="left">Con il mese di settembre, arriva anche il momento di 
                tornare ad occuparci del nostro corpo andando in palestra o facendo 
                della sana attivit&agrave; fisica anche a casa.</p>
              <p align="justify">La bella stagione rende sicuramente pi&ugrave; facile 
                dedicarsi allo sport o pi&ugrave; semplicemente a del sano movimento. 
                Ma l'estate, come ogni altra stagione, finisce e bisogna prepararsi 
                ad affrontare l'autunno con la carica e l'energia che abbiamo accumulato 
                in questi mesi.</p>
              <p align="justify">Settembre, quindi, &egrave; il mese ideale per cominciare 
                a frequentare con regolarit&agrave; una palestra o, per i pi&ugrave; 
                pigri, anche camminare mezz'ora al giorno o fare della ginnastica 
                tutte le mattine a casa possono rendere pi&ugrave; vitale l'inizio 
                o la fine di una bella stagione, mantenendo sano il proprio corpo. 
                Allenarsi in un centro sportivo d&agrave; la possibilit&agrave; di 
                eseguire una carrellata di esercizi differenti grazie anche alle nuovissime 
                attrezzature di cui dispongono oppure usufruire degli innumerevoli 
                corsi come nuoto, spinning, danza, cardio-fit, aerobica o i corsi 
                di autodifesa come la kickboxing, il tutto &egrave; da fare sotto 
                l'occhio vigile di uno staff di professionisti esperti.</p>
              <p align="justify">Alla base di tutto &egrave; importante per&ograve; 
                unire la salute al piacere. Uno staff di esperti dell'AMERICA 
                COUNCIL ON EXERCISE ci conferma che l'esercizio fisico non 
                ci rimette solo in forma, ma ci fa stare anche bene. Nelle loro ricerche 
                hanno riscontrato come i fattori chimici che regolano il nostro stato 
                d'animo nel nostro cervello, dandoci quella meravigliosa sensazione 
                di pace e benessere, vengano stimolati maggiormente durante l'attivit&agrave; 
                fisica.[img]images/palestra2.jpg[/img]</p>
              <p align="justify">Dopo il sano esercizio fisico, dobbiamo ricordarsi 
                sempre di nutrirci in modo corretto e sano per poter adempire fino 
                in fondo al mantenimento di questo equilibrio psico-fisico, adeguandoci 
                a pasti regolari, le giuste dosi per persona e, importantissimo, mai 
                scordarsi di bere tanto: in una sana alimentazione almeno un litro 
                e mezzo. Alla fine &egrave; cos&igrave; che si mantiene sano il nostro 
                corpo.</p>
              <p align="justify">Se decidete di iscrivervi in un centro sportivo o 
                in palestra controllate alcune cose importanti come la pulizia, l'ampiezza, 
                l'areazione e l'affollamento dei locali soprattutto nella fascia oraria 
                in cui avete intenzione di frequentare. Chiedete anche se &egrave; 
                possibile visitare i corsi che vi interessano mentre si svolgono e 
                fare lezioni di prova in modo da poter verificare se la scelta del 
                vostro corso pu&ograve; andare bene per voi.</p>
              <p align="justify">Valutate anche la pulizia delle macchine e la loro 
                modernit&agrave;: non importa la qualit&agrave; ma la variet&agrave; 
                delle stesse. Cos&igrave; facendo avrete modo di capire quanto i programmi 
                siano personalizzabili. Fate attenzione anche alle attivit&agrave; 
                come pilates, arti marziali o autodifesa, che si sviluppano nel tempo 
                per raggiungere determinati obiettivi; perci&ograve; &egrave; meglio 
                frequentarli dall'inizio, mentre altri corsi come lo step, il gag 
                o la classica ginnastica posturale hanno invece un andamento circolare, 
                ovvero cicli di dieci lezioni circa e quindi non legati ad una frequenza 
                obbligatoria, perci&ograve; si pu&ograve; iniziare in qualunque momento 
                e lo stesso vale anche per i corsi di total body.</p>
              <p align="justify">Una piccola premessa &egrave; di accertarvi se il 
                corso che intendete frequentare sia compreso nella quota di iscrizione 
                e se coincide con l'orario che avete scelto.</p>
              <p align="justify">Ultima e non meno importante da osservare &egrave; 
                la sezione spogliatoio. Assicurarsi, che docce, bagni e phone siano 
                sempre in ordine e puliti e che gli armadietti siano in totale sicurezza.</p>
              <p align="justify">Dopo tutto questo parlare vi auguriamo un buon divertimento 
                e... state in salute!</p>
    		  <p align="center">[img]images/palestra3.jpg[/img]</p>
              <p align="right">Versione stampabile</p>
            </div>
        </div>
        <div class="body_textarea">
          <div align="center">Read More </div>
        </div>
      </div>
      <div class="right">
        <div class="comments_area">
            <div class="events_head">Eventi</div>
          <div class="comments_text">
            <div align="left">On 12th January 2008 
    
              ourna tempus imperdiet llentes Pellentesque</div>
          </div>
        </div>
        <div class="login_area">
          <div class="login_top"></div>
          <div class="login_bodyarea">
            <div class="right_head">
              <div align="center">Join Us For Membership</div>
            </div>
            <div class="right_textbox">
              <label>
              <input name="textfield2" type="text" class="righttextbox" value="Name" />
              </label>
            </div>
            <div class="right_textbox">
              <label>
              <input name="textfield22" type="password" class="righttextbox" value="Password" />
              </label>
            </div>
            <div class="right_text">
              <label>
              <input type="checkbox" name="checkbox" value="checkbox" />
              </label>
            Remember Me</div>
            <div class="right_text">
              <div align="center">Login</div>
            </div>
          </div>
          <div class="login_bottom"></div>
        </div>
        <div class="login_area">
          <div class="login_top"></div>
          <div class="login_bodyarea">
            <div class="right_head">
              <div align="center">Newsletter Signup </div>
            </div>
            <div class="right_textbox">
              <label>
              <input name="textfield23" type="text" class="righttextbox" value="Email Id" />
              </label>
            </div>
            <div class="right_text">
              <div align="center">Signup</div>
            </div>
          </div>
          <div class="login_bottom"></div>
        </div>
        <div class="comments_area">
          <div class="newletter_head">Newslinks</div>
          <div class="comments_text">
            <div align="left">Sed massa Integer tincidunt </div>
          </div>
          <div class="comments_text">
            <div align="left">Dapibus nunc</div>
          </div>
          <div class="comments_text">
            <div align="left">Phasellus ac Nunc</div>
          </div>
          <div class="comments_text">
            <div align="left">Quisque rhoncus felis in </div>
          </div>
          <div class="comments_text">
            <div align="left">Ultricies sollicitudin diam orci </div>
          </div>
          <div class="comments_text">
            <div align="left">Mollis risusin rhoncus velit </div>
          </div>
          <div class="comments_text">
            <div align="left">Nulla ege</div>
          </div>
        </div>
      </div>
    </div>
    <div id="fotter">
      <div class="fotter_links">
        <div align="center">Home  |  About Us  |  Companies Success  |  Client Testimonials  |  Methods of Development  |  Newsletter  |  Subscribe Info  |  Oppotunities  |  Current Events  |  Contact Us</div>
      </div>
    </form>

  2. #2
    se vuoi abbassare l'articolo basta ke abbassi la proprietà top della classe .body_textarea ... sempre se ho capito cosa intendevi tu...

  3. #3
    Devo abbassare l'area utilizzando questo tipo di codice, giusto?

  4. #4
    se vuoi vedere la text area più in basso si.. ad esempio se nel css nella class body_textarea top si trova a 100 prova a metterlo a 150 così lo porti più giù.. attento però sempre alla lunghezza dell'intera area...

  5. #5
    Ok, grazie mille hai dell'aiuto, al massimo, se ci sono problemi, metto un altro post!

  6. #6
    Di nulla.. se è qualcosa chiedi pure ^^

  7. #7
    Una cosa che vi volevo chiedere, come faccio ad impostare nella pagina web lo sfondo? E che voce devo mettere per sistemare la pagina con l'impostazione che mi ha scritto qualche giorno fa?

  8. #8
    Nessuno mi può dare una mano su questa cosa?

  9. #9
    So che devo sistemare questo file, ma dove devo andare a mettere i valori in px? Il codice eccolo qua:

    codice:
    @charset "utf-8";
    /* CSS Document */
    
    body{
    	margin:0;
    	color:#232323;
    	padding-top: 0px;
    	padding-right: 0;
    	padding-bottom: 0;
    	padding-left: 0;
    	background-attachment: scroll;
    	background-image: url(images/bg.jpg);
    	background-repeat: repeat-x;
    	background-position: top;
    	background-color: #f7fcf8;
    }
    div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
    	margin:0; padding:0;
    }
    
    ul{
    	margin:0; 
    	padding:0; 
    	list-style-type:none;
    	font-size:0;
    	line-height:0;
    }
    
    
    .spacer{
    	clear:both; 
    	font-size:0; 
    	line-height:0;
    }
    
    
    /*------------------------------------------------topheader--------------------*/
    #topheader{
    	width:1004px;
    	height:146px;
    	margin-top: 0;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	font-family: Tahoma;
    	font-size: 12px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #dcd66e;
    	text-decoration: none;
    	padding: 0px;
    	float: none;
    	background-image: url(images/topbanner_bg.jpg);
    	background-repeat: no-repeat;
    	background-position: center;
    }
    .logo {
    	background-image: url(images/logo.png);
    	background-repeat: no-repeat;
    	padding: 0px;
    	float: left;
    	height: 95px;
    	width: 321px;
    	margin-top: 30px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    }
    .menu_area {
    	float: left;
    	margin-top: 58px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    }
    
    .menu_text {
    	font-family: Arial;
    	font-size: 10px;
    	font-weight: normal;
    	font-variant: normal;
    	text-transform: none;
    	color: #FFFFFF;
    	text-decoration: none;
    }
    .ideas {
    	font-family: Arial;
    	font-size: 31px;
    	font-weight: normal;
    	text-transform: lowercase;
    	color: #5a5a5a;
    	text-decoration: none;
    	background-image: url(images/menu_01.png);
    	background-repeat: no-repeat;
    	margin: 0px;
    	float: left;
    	height: 70px;
    	width: 100px;
    	padding-top: 10px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 61px;
    }
    .ideas:hover {
    	font-family: Arial;
    	font-size: 31px;
    	font-weight: normal;
    	text-transform: lowercase;
    	color: #ffffff;
    	text-decoration: none;
    	background-image: url(images/menu_01.png);
    	background-repeat: no-repeat;
    	margin: 0px;
    	float: left;
    	height: 70px;
    	width: 100px;
    	padding-top: 10px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 61px;
    }
    .links {
    	font-family: Arial;
    	font-size: 31px;
    	font-weight: normal;
    	text-transform: lowercase;
    	color: #5a5a5a;
    	text-decoration: none;
    	background-image: url(images/menu_02.png);
    	background-repeat: no-repeat;
    	margin: 0px;
    	float: left;
    	height: 70px;
    	width: 100px;
    	padding-top: 10px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 59px;
    }
    .links:hover {
    	font-family: Arial;
    	font-size: 31px;
    	font-weight: normal;
    	text-transform: lowercase;
    	color: #ffffff;
    	text-decoration: none;
    	background-image: url(images/menu_02.png);
    	background-repeat: no-repeat;
    	margin: 0px;
    	float: left;
    	height: 70px;
    	width: 100px;
    	padding-top: 10px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 59px;
    }
    .info{
    	font-family: Arial;
    	font-size: 31px;
    	font-weight: normal;
    	text-transform: lowercase;
    	color: #5a5a5a;
    	text-decoration: none;
    	background-image: url(images/menu_03.png);
    	background-repeat: no-repeat;
    	margin: 0px;
    	float: left;
    	height: 70px;
    	width: 100px;
    	padding-top: 10px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 60px;
    }
    .info:hover{
    	font-family: Arial;
    	font-size: 31px;
    	font-weight: normal;
    	text-transform: lowercase;
    	color: #ffffff;
    	text-decoration: none;
    	background-image: url(images/menu_03.png);
    	background-repeat: no-repeat;
    	margin: 0px;
    	float: left;
    	height: 70px;
    	width: 100px;
    	padding-top: 10px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 60px;
    }
    .works {
    	font-family: Arial;
    	font-size: 31px;
    	font-weight: normal;
    	text-transform: lowercase;
    	color: #5a5a5a;
    	text-decoration: none;
    	background-image: url(images/menu_04.png);
    	background-repeat: no-repeat;
    	margin: 0px;
    	float: left;
    	height: 70px;
    	width: 105px;
    	padding-top: 10px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 60px;
    }
    .works:hover {
    	font-family: Arial;
    	font-size: 31px;
    	font-weight: normal;
    	text-transform: lowercase;
    	color: #ffffff;
    	text-decoration: none;
    	background-image: url(images/menu_04.png);
    	background-repeat: no-repeat;
    	margin: 0px;
    	float: left;
    	height: 70px;
    	width: 105px;
    	padding-top: 10px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 60px;
    }
    /*------------------------------------------------search_strip-------------------*/
    #search_strip{
    	width:1004px;
    	height:76px;
    	margin-top: 0;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	font-family: Tahoma;
    	font-size: 12px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #dcd66e;
    	text-decoration: none;
    	padding: 0px;
    	float: none;
    	background-image: url(images/search_strip.jpg);
    	background-repeat: no-repeat;
    	background-position: center;
    }.freeregistration {
    	margin: 0px;
    	float: left;
    	height: 58px;
    	width: 300px;
    	padding-top: 18px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 343px;
    }
    .registration {
    	font-family: "Arial Narrow";
    	font-size: 33px;
    	font-weight: normal;
    	color: #000000;
    	text-decoration: none;
    }
    .free {
    	font-family: "Arial Black";
    	font-size: 33px;
    	font-weight: normal;
    	color: #da2a2a;
    	text-decoration: none;
    	background-image: url(images/registration.png);
    	background-repeat: no-repeat;
    	height: 48px;
    	padding-top: 0px;
    	padding-right: 53px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	float: left;
    	margin-top: 0px;
    	margin-right: 5px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	background-position: right;
    }
    .free:hover {
    	font-family: "Arial Black";
    	font-size: 33px;
    	font-weight: normal;
    	color: #000000;
    	text-decoration: none;
    	background-image: url(images/registration.png);
    	background-repeat: no-repeat;
    	height: 48px;
    	padding-top: 0px;
    	padding-right: 53px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	float: left;
    	margin-top: 0px;
    	margin-right: 5px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	background-position: right;
    }
    .search_area {
    	float: left;
    	height: 58px;
    	width: 300px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	background-image: url(images/search.png);
    	background-repeat: no-repeat;
    	margin-top: 18px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 50px;
    }
    
    
    .search_box {
    	margin: 0px;
    	float: left;
    	height: 24px;
    	width: 165px;
    	padding-top: 5px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 50px;
    	color: #b2d2d5;
    }
    
    
    .searchtextbox {
    	font-family: Arial;
    	font-size: 10px;
    	font-weight: normal;
    	color: #000000;
    	text-decoration: none;
    	margin: 0px;
    	padding: 0px;
    	float: left;
    	height: 18px;
    	width: 158px;
    	border: 1px solid #999999;
    }
    .searchtextbox:hover {
    	font-family: Arial;
    	font-size: 10px;
    	font-weight: normal;
    	color: #000000;
    	text-decoration: none;
    	margin: 0px;
    	padding: 0px;
    	float: left;
    	height: 18px;
    	width: 158px;
    	border: 1px solid #333333;
    }
    .search_go{
    	margin: 0px;
    	float: left;
    	height: 24px;
    	width: 35px;
    	padding-top: 4px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    }
    .go {
    	font-family: Arial;
    	font-size: 11px;
    	font-weight: bold;
    	color: #FFFFFF;
    	text-decoration: none;
    	background-image: url(images/go.png);
    	background-repeat: no-repeat;
    	margin: 0px;
    	float: left;
    	height: 18px;
    	width: 34px;
    	padding-top: 4px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    }
    .go:hover {
    	font-family: Arial;
    	font-size: 11px;
    	font-weight: bold;
    	color: #FFFFFF;
    	text-decoration: none;
    	background-image: url(images/go1.png);
    	background-repeat: no-repeat;
    	margin: 0px;
    	float: left;
    	height: 18px;
    	width: 34px;
    	padding-top: 4px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    }
    .advancesearch {
    	font-family: Arial;
    	font-size: 11px;
    	font-weight: bold;
    	text-transform: none;
    	color: #da2a2a;
    	text-decoration: none;
    }
    .advancesearch:hover {
    	font-family: Arial;
    	font-size: 11px;
    	font-weight: bold;
    	text-transform: none;
    	color: #000000;
    	text-decoration: none;
    }
    /*------------------------------------------------body_area--------------------*/
    #body_area{
    	width:1004px;
    	height:820px;
    	margin-top: 0;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	font-family: Tahoma;
    	font-size: 12px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #dcd66e;
    	text-decoration: none;
    	float: none;
    	padding-top: 52px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    }
    #innerbody_area{
    	width:1004px;
    	margin-top: 0;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	font-family: Tahoma;
    	font-size: 12px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #dcd66e;
    	text-decoration: none;
    	float: none;
    	padding-top: 52px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    }.left {
    	margin: 0px;
    	float: left;
    	height: 820px;
    	width: 153px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 60px;
    	overflow:hidden;
    }
    .left_menu_area {
    	margin: 0px;
    	padding: 0px;
    	float: right;
    	height: 320px;
    	width: 153px;
    }
    questa è la prima parte!

  10. #10
    ti consiglio anche di inserire delle
    <ul> per i vari menù.
    così ti si riordina un pò il codice
    StandArt Web
    Realizzazione Siti Web Udine e Friuli Venezia Giulia
    Comunicazione integrata Udine e Friuli Venezia Giulia

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.