Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Problema Css sto bene qui?

    ciao ragazzi,

    sto lavorando a questo sito http://www.airportexpress.it/test
    ma proprio nella home ho riscontrato nella visualizzazione nel browser explorer del form "cerca" un errore di visualizzazione della gif "angolo" e della gif "cercatransfer" in alto compare una riga bianca.

    il codice html è il seguente :

    [img]languages/italian/images/cerca.gif[/img]
    <div id="cerca">
    <form name="f1" action="step2.php" method="POST" onSubmit="return checkForm(this)" >
    <table width="100%" border="0" cellpadding="2" cellspacing="0">
    <tr>
    <td colspan="2"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td>

    Solo Andata <input type="radio" name="ar" value="0" class="field_radiobox" >

    </p></td>
    <td>

    Andata e Ritorno <input type="radio" name="ar" value="1" class="field_radiobox" checked>
    </p></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td colspan="2">

    Passeggeri (inclusi bambini e neonati): <select name="np" class="field_selectbox">

    <option value="1" selected>1
    <option value="2">2
    <option value="3">3
    <option value="4">4
    <option value="5">5
    <option value="6">6
    <option value="7">7
    <option value="8">8
    <option value="9">9
    <option value="10">10
    <option value="11">11
    <option value="12">12
    <option value="13">13
    <option value="14">14
    <option value="15">15
    <option value="16">16
    <option value="17">17
    <option value="18">18
    <option value="19">19
    <option value="20">20
    <option value="21">21
    <option value="22">22
    <option value="23">23
    <option value="24">24
    <option value="25">25

    </select>
    </p></td>
    </tr>
    <tr>
    <td width="79">

    Da: </p></td>
    <td width="161">

    <select name="iglp" class="field_selectbox">
    <option value="3" selected>Aeroporto Capodichino
    <option value="2">Costiera Amalfitana
    <option value="1">Isola d'Ischia
    </select>

    </p></td>
    </tr>
    <tr>
    <td>

    A: </p></td>
    <td>

    <select name="igld" class="field_selectbox">
    <option value="3">Aeroporto Capodichino
    <option value="2">Costiera Amalfitana
    <option value="1" selected>Isola d'Ischia
    </select>
    </p></td>

    </tr>
    <tr>
    <td width="79">


    Data Partenza: </p>
    </td>
    <td>[img]calendario.gif[/img]
    <input type="text" name="da" size="10" maxlength="10" value="21-05-2005" class="field_textbox" onMouseDown="alert('Fare click sulla icona del calendario per modificare la data!');return true;" ></td>
    </tr>

    <tr>
    <td width="79">

    Data Ritorno: </p></td>
    <td>[img]calendario.gif[/img]
    <input type="text" name="dr" size="10" maxlength="10" value="28-05-2005" class="field_textbox" onMouseDown="alert('Fare click sulla icona del calendario per modificare la data!');return true;" ></td>
    </tr>
    <tr>
    <td colspan="2"><input type="hidden" name="cl" value="it">
    <input type="submit" id="tastocerca" value="Cerca">
    </td>

    </tr>

    </table>
    </table>

    </form></div>[img]image/angolo.gif[/img]

    il css :

    #airportexpress {

    width: 750px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #A80259;
    }
    body {
    background-image: url(image/bg_rosa.gif);
    margin: 0px;
    padding: 0px;

    }
    p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    }


    form {
    margin: 0px;
    padding: 0px;
    }


    #head {
    background-image: url(image/head.jpg);
    height: 90px;
    }
    #menu {
    background-image: url(image/menu.jpg);
    height: 20px;
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    }
    #menu ul {
    list-style-type: none;

    margin: 0px;
    padding: 0px;

    }
    #menu li {
    padding-top: 0px;
    padding-bottom: 0px;
    float: left;
    padding-right: 10px;
    padding-left: 5px;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #A80259;




    }
    #menu a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;

    }

    #menu a:hover {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    color: #F0037F;
    margin-right: auto;
    margin-left: auto;

    }



    #colonnasx {
    float: left;
    padding-top: 10px;
    padding-right: 0px;
    margin: 0px;
    width: 250px;
    padding-bottom: 0px;
    padding-left: 0px;
    }
    #cerca {
    width: 254px;
    padding: 0px;
    margin: 0px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #F0037F;
    border-left-color: #F0037F;
    background-color: #FFEAF5;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #F0037F;
    }
    #colonnadx {
    margin-left: 265px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    }
    #foot {
    clear: both;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
    }
    #foot a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
    color: #A80259;
    }
    #foot a:hover {
    text-decoration: underline;

    }

    #content {
    width: 500px;
    margin: 0px;
    padding: 0px;
    }
    div {
    margin: 0px;
    padding: 0px;
    }
    #cerca {
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    width: 248px;
    padding: 0px;
    margin: 0px;
    border-right-color: #F0037F;
    border-left-color: #F0037F;
    background-color: #FFEAF5;
    color: #A80259;
    }
    #corpo {
    width: 730px;
    margin-right: 10px;
    margin-left: 10px;
    }
    #navigazione {
    background-color: #FFFFFF;
    padding-left: 5px;
    }
    #live {
    padding-top: 20px;
    width: 250px;
    }
    #tastocerca {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;

    }

    #step p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    line-height: normal;
    margin: 5px 0px 0px;
    padding: 0px;
    }
    #head img {
    margin-top: 10px;
    margin-left: 5px;
    }
    h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #A80259;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #B80361;
    padding-top: 2px;
    }
    h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #f0037f;
    }

    che devo fa?

    spero che riusciate a trovare l'alternativa.

    Grazie
    Se leggo dimentico,
    se scrivo ricordo,
    se faccio imparo.
    Antonio Volino | Tra Virgolette

  2. #2
    Utente di HTML.it L'avatar di cyberman
    Registrato dal
    Mar 2002
    Messaggi
    7,543
    no stai bene su css

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Difficile analizzare tutto quel codice in via teorica. Se posti un link e` piu` semplice.

    Comunque gia` ho visto delle cose che non mi piacciono:
    In particoalre usi formattazione HTML assieme a formattazione CSS: la cosa puo` dare problemi, perche` il browser puo` dare la precedenza all'una o all'altra.
    Comnviene eliminare tutti i tag e gli attributi di formattazione dal codice HTML e spostarli tutti nel CSS.

    Potresti inserire un DOCTYPE opportuno (probabilmente ti conviene iniziare da una DTD XHTML Transitional, per poi passare a Strict) e quindi far passare la pagina da un validatore HTML e da un validatore CSS: ti aiuta a trovare molti errori e a sistemare il linguaggio in modo che sia piu` facile poi controllare anche le differenze fra browser.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4

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.