Visualizzazione dei risultati da 1 a 1 su 1

Hybrid View

  1. #1

    Problema testo schiacciato

    Ciao a tutti.
    Ho avuto la pessima idea di aprire il sito che sto costruendo con Dreamweaver e, non so come, il testo adesso risulta completamente schiacciato. In sostanza (come si vede nell'allegato) tutto il testo adesso è distribuito in modo tale che per ogni riga ci sia ogni parola; ciò vale anche per i menu, che prima erano orizzontali e adesso sono verticali. Quale sezione del file css devo modificare? Le ho provate un po' tutte ma senza successo e mi seccherebbe ripartire da zero.
    Grazie.

    codice:
    html, body
    {
        height: 100%;
    }
    
    body
    {
        margin: 0px;
        padding: 0px;
        background: #3D3D3D;
        font-family: "Open Sans", sans-serif;
        font-size: 9pt;
        color: #000000;
    }
    
    h1, h2, h3
    {
        margin: 0;
        padding: 0;
    }
    
    p, ol, ul
    {
        margin-top: 0px;
        width: 0px;
    }
    
    p
    {
        line-height: 180%;
    }
    
    strong
    {
    }
    
    a
    {
        color: #003366;
    }
    
    a:hover
    {
        text-decoration: none;
    }
    
    a img
    {
        border: none;
    }
    
    img.border
    {
    }
    
    img.alignleft
    {
        float: left;
    }
    
    img.alignright
    {
        float: right;
    }
    
    img.aligncenter
    {
        margin: 0px auto;
    }
    
    hr
    {
        display: none;
    }
    
    /** WRAPPER */
    
    #wrapper
    {
    }
    
    .container
    {
        width: 1100px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
    }
    
    .clearfix
    {
        clear: both;
    }
    
    /** HEADER */
    
    #header-wrapper
    {
        overflow: hidden;
        background-color: #003366;
    }
    
    #header
    {
        overflow: hidden;
        height: 172px;
    }
    
    /** LOGO */
    
    #logo
    {
        float: left;
        width: 400;
    }
    
    #logo h1 a
    {
        display: block;
        line-height: 150px;
        text-transform: uppercase;
        text-decoration: none;
        font-family: 'Archivo Narrow', sans-serif;
        font-size: 1.3em;
        color: #FFFFFF;
    }
    
    /** MENU */
    
    #menu
    {
        float: right;
        width: 700px;
    }
    
    #menu ul
    {
        float: left;
        margin: 0px;
        list-style: none;
        line-height: normal;
        padding-top: 50px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        text-align: left;
    }
    
    #menu li
    {
        float: left;
        margin-left: 2em;
    }
    
    #menu a
    {
        display: block;
        padding: 10px 20px;
        letter-spacing: 2px;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Archivo Narrow', sans-serif;
        font-size: 1.10em;
        font-weight: 600;
        color: #FFFFFF;
    }
    
    #menu .active a
    {
        background: #FF4A71;
        border-radius: 5px;
        box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
        border: 1px solid #FA3F52;
        color: #FFFFFF;
    }
    
    #menu a:hover
    {
        text-decoration: underline;
    }
    
    /** PAGE */
    
    #page-wrapper
    {
        overflow: hidden;
        background: #FFFFFF;
        padding-top: 2em;
        padding-right: 0em;
        padding-bottom: 5em;
        padding-left: 0em;
    }
    
    #page
    {
        overflow: hidden;
    }
    
    /** CONTENT */
    
    #content
    {
    }
    
    #content header
    {
        display: block;
        margin-bottom: 1em;
        letter-spacing: -1px;
        font-size: 1.5em;
        font-weight: normal;
        color: #333333;
    }
    
    /** SIDEBAR */
    
    #sidebar
    {
    }
    
    #banner-wrapper
    {
        overflow: hidden;
        padding: 3em 0em 1em 0em;
        background: #F9F9F9;
        border-top: 1px solid #E7E7E7;
        border-bottom: 1px solid #E7E7E7;
        text-align: center;
    }
    
    #banner p
    {
        letter-spacing: -1px;
        font-size: 1.5em;
        font-weight: 300;
    }
    
    #banner strong
    {
        font-weight: 400;
    }
    
    #featured-wrapper
    {
        overflow: hidden;
        padding: 5em 0em;
        background: #F9F9F9;
        border-top: 1px solid #E7E7E7;
        text-align: center;
    }
    
    #featured header
    {
        display: block;
        margin-bottom: 1em;
        letter-spacing: -2px;
        font-size: 2.30em;
        font-weight: 400;
        color: #333333;
    }
    
    /* Footer */
    
    #footer-wrapper
    {
        overflow: hidden;
        background: #444444;
        border-top-width: thin;
        border-bottom-width: thin;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #404040;
        border-bottom-color: #404040;
        border-right-width: thin;
        border-left-width: thin;
        padding-top: 0em;
        padding-right: 0em;
        padding-bottom: 0em;
        padding-left: 0em;
    }
    
    #footer
    {
        overflow: hidden;
        color: #B1B1B1;
    }
    
    #footer header
    {
        margin-bottom: 1em;
        font-size: 1.5em;
        font-weight: 500;
        color: #FFFFFF;
        text-align: center;
    }
    
    #footer #fbox1
    {
        float: left;
        width: 700px;
    }
    
    #footer #fbox2
    {
        width: 300px;
        clip: rect(100px,auto,auto,auto);
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        float: right;
    }
    
    #footer p
    {
        text-align: center;
        font-size: 12pt;
    }
    
    #footer a
    {
        color: #D0D0D0;
    }
    
    #copyright
    {
        overflow: hidden;
        padding: 3em 0em 3em 0em;
        text-align: center;
        color: #606060;
    }
    
    #copyright a
    {
        color: #818181;
    }
    
    #two-column
    {
    }
    
    #two-column h3
    {
        padding-bottom: 1em;
        font-size: 1.20em;
        font-weight: 600;
    }
    
    #two-column img
    {
        float: left;
        margin-right: 30px;
        padding: 5px;
        background: #FFFFFF;
        border: 1px solid #E1E1E1;
    }
    
    #two-column .box-style
    {
        overflow: hidden;
        padding: 2em 0em;
    }
    
    #two-column #tbox1
    {
        float: left;
        width: 500px;
    }
    
    #two-column #tbox2
    {
        float: right;
        width: 500px;
    }
    
    .button
    {
        display: inline-block;
        margin: 0px 10px;
        padding: 10px 30px;
        background: #2DAB6E;
        border-radius: 5px;
        border: 1px solid #20935B;
        box-shadow: 0px 0px 0px 5px rgba(255,255,255, 1);
        text-decoration: none;
        font-family: 'Archivo Narrow', sans-serif;
        font-size: 1.50em;
        color: #FFFFFF;
    }
    
    .button-alt
    {
        background: #FF4A71;
        border: 1px solid #FA3F52;
    }
    
    .button-small
    {
        margin: 1em 0em;
        box-shadow: none;
        letter-spacing: 1px;
        font-size: 1.10em;
    }
    
    ul.style2
    {
        margin: 30px 0px 0px 0px;
        padding: 0px;
        list-style: none;
    }
    
    ul.style2 li
    {
        float: left;
        margin-right: 10px;
    }
    Immagini allegate Immagini allegate

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 © 2026 vBulletin Solutions, Inc. All rights reserved.