• User

    Aiutino con i CSS...GRAZIE

    Salve a tutti,

    vi spiego subito il mio problema, di seguito ho messo l'HEADER del mio sito web, in sostanza nell'area BANNER devo inserire il codice di un servizio di rotazione banner nel formato 468 x 60.

    Questo è il codice del mio header:

    [PHP]<div id="header">
    <table width="740" height="180" cellpadding="0" cellspacing="0">
    <tr>
    <td width="406"><img src="<?php bloginfo('template_directory'); ?>/img/logo.png" width="406" height="180" usemap="#Map" /></td>
    <td width="334"><img src="<?php bloginfo('template_directory'); ?>/img/logo2.png" width="334" height="180" usemap="#Map2"/></td>
    </tr>
    </table> </div>
    [/PHP]

    Bene come potete vedere è costituito da due immagini affiancate, ora questo banner vorrei piazzarlo a cavallo delle due immagini, nella zona indicata...

    Come posso fare ? Qualcuno mi aiuta a risolvere il problema ?

    GRAZIE A TUTTI

    image


  • Super User

    Scusami ma perchè parli di css se hai ingabbiato il layout in una tabella? Non puoi inserire una colonna centrale in cui poi piazzi il banner? 🙂
    Diverso sarebbe il discorso nel caso in cui fosse tutto realizzato con css, in quella fattispecie te la caversti con tre div flottanti o due posizionati assolutamente.

    Va beh, se spieghi un po' più dettagliatamente il problema magari possiamo esserti più utili! 🙂


  • User

    mmm ma attualmente ho 1 riga con due colonne ambedue prese d un'immagine, come è che faccio ad aggiungere la colonna senza cambiare le immagini attuali ?


  • Super User

    @enricoeur said:

    mmm ma attualmente ho 1 riga con due colonne ambedue prese d un'immagine, come è che faccio ad aggiungere la colonna senza cambiare le immagini attuali ?

    Continuo a non capire. Basta aggiungere un td tra i due esistenti. La dimensione orizzontale della tabella è 740, tu sistemi i due altri td con una larghezza pari a quella delle immagini e ci piazzi in mezzo la nuova colonna. ovviamente la barra di navigazione va inserita nel nuovo td, cioè la nuova colonna.

    Ma mi pare troppo semplice, forse continuo a non capire il tuo problema. :bho:


  • User

    con le tabelle mi tocca rifare tutta la struttura e ritagkliare tutte le immagini nuovamente....farò così...

    che mi dici di sta soluzione ?

    [PHP]<DIV STYLE="position: absolute; top:43px; left:324px; width:468px; height:60px">
    <!-- Begin: AdBrite -->
    <script type="text/javascript">
    var AdBrite_Title_Color = 'CC0000';
    var AdBrite_Text_Color = '000000';
    var AdBrite_Background_Color = 'FFFFFF';
    var AdBrite_Border_Color = 'CC0000';
    </script>
    <script src="http://ads.adbrite.com/mb/" type="text/javascript"></script><!--
    --><a href="http://www.avnads.com/mb"><img src="http://files.adbrite.com/mb/images/adbrite-your-ad-here-banner-w.gif" style="background-color:#CC0000" alt="Your Ad Here" width="11" height="60" border="0"></a>
    <!-- End: AdBrite -->
    </DIV>[/PHP]

    Ok sta cos qua non mi funziona bene però, non riesco a rendere la posizione assoluta e non funzione della risoluzione del monitor....
    Se me lo scrivi correttamente tu che ne sai di certo il triplo di me, mi faresti un regalone !!

    GRAZIE


  • Super User

    Per creare un div assoluto di quel tipo devi utilizzare un layout fisso che non cambia in base alla risoluzione, altrimenti le cordinate sono relative proprio alla risoluzione, uno passa da 1024 a 1600 ad esempio e il box si sposta.

    Però ti dirò che gli ibridi tabelle css non mi piacciono. Io rifarei tutto in tabella, lo so che devi perderci tempo, ma è la cosa migliore.

    :ciauz: