Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1

    angoli arrotondati con 2 tabelle

    ho bisogno di una mano...
    ho due tabelle, una dentro l'altra, e dovrei arrotondare gli angoli. come posso fare?
    ho provato col metodo tradizionale delle immagini, ma funziona se agisco con una sola tabella io devo gestirne 2.
    posto il codice:

    <table width="100%" border="0" cellpadding="1">
    <tr>
    <td bgcolor="#3399CC">
    <table width="100%" border="0" cellpadding="1" bgcolor="#FFFFFF">
    <tr>
    <td> </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    Qualcuno può aiutarmi?
    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ma perche` usi attributi deprecati?

    Dovresti trasformare il tuo lavoro in HTML4 o XHTML, con l'uso dei CSS.

    Inoltre tabelle annidate sono da evitare a tutti i costi: diminuiscono l'usabilita` e sono assolutamente contrarie all'accessibiita` delle pagine.

    Immagino che almeno la tabella esterna sia di layout, non di dati, per cui andrebbe sostituita con i <div> corredati di opportuno CSS.

    In conclusione:
    E` difficile sistemare un lavoro impostato con criteri vecchi: sarebbe meglio aggiornare ad un linguaggio moderno prima di introdurre abbellimenti grafici.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    si la tabella esterna è di layout ed il tutto è all'interno di un <div>.
    quindi mi consigli di utilizzare layer e css?
    però se imposto il sito con i layer ho problemi con il ridimensionamento da 1024*768 a 800*600...

  4. #4
    Originariamente inviato da Mich_
    Ma perche` usi attributi deprecati?

    Dovresti trasformare il tuo lavoro in HTML4 o XHTML, con l'uso dei CSS.

    Inoltre tabelle annidate sono da evitare a tutti i costi: diminuiscono l'usabilita` e sono assolutamente contrarie all'accessibiita` delle pagine.

    Immagino che almeno la tabella esterna sia di layout, non di dati, per cui andrebbe sostituita con i <div> corredati di opportuno CSS.

    In conclusione:
    E` difficile sistemare un lavoro impostato con criteri vecchi: sarebbe meglio aggiornare ad un linguaggio moderno prima di introdurre abbellimenti grafici.
    Michele che sta a di???

    cos'è ti sei arrugginito con i vecchi modi di programmare
    Luca Mascaro
    Usability e Accessibility Engineer, User Interface Designer/Engineer
    NOW BLOG
    W3C HTML & WCAG WG Member for IWA/HWG

  5. #5
    Originariamente inviato da windtalk
    si la tabella esterna è di layout ed il tutto è all'interno di un <div>.
    quindi mi consigli di utilizzare layer e css?
    però se imposto il sito con i layer ho problemi con il ridimensionamento da 1024*768 a 800*600...
    no non hai nessun problema, basta adottare la tecnica corretta, se ci fai capire bene la struttura ti postiamo il codice
    Luca Mascaro
    Usability e Accessibility Engineer, User Interface Designer/Engineer
    NOW BLOG
    W3C HTML & WCAG WG Member for IWA/HWG

  6. #6
    Originariamente inviato da blakwolf
    no non hai nessun problema, basta adottare la tecnica corretta, se ci fai capire bene la struttura ti postiamo il codice
    ok. grazie!

    il codice delle 2 tabelle annidate è il seguente:

    <table width="100%" border="0" cellpadding="1">
    <tr>
    <td bgcolor="#3399CC">
    <table width="100%" border="0" cellpadding="1" bgcolor="#FFFFFF">
    <tr>
    <td>
    qua ci sono 4 righe di testo...un elenco con link php
    </td>
    </tr>
    </table></td>
    </tr>
    </table>

    ho annidato le tabelle in modo da avere l'effetto colore bordo dato da <td bgcolor="#3399CC"> della tabella "madre", poi ho dato un colore alla tabella "figlia" (<table width="100%" border="0" cellpadding="1" bgcolor="#FFFFFF">
    ) ed ho impostato cellpadding delle due tabelle in modo da avere il bordo dello spessore desiderato.
    ora vorrei che la tabella bordata avesse un aspetto meno rigido e pensavo di arrotondare gli angoli con la tecnica che conosco dell'inserimento di immagini arrotondate agli angoli della tabella...però questa tecnica credo funzioni solo con tabelle singole e non anche con quelle annidate. spero di essermi spiegato.
    grazie!

  7. #7
    qualcuno può darmi una mano?

  8. #8
    Utente di HTML.it L'avatar di Kintaro
    Registrato dal
    Dec 2000
    Messaggi
    188
    butta via le tue tabelle obsolete e fai una semplice ricerca -> http://www.google.com/search?q=rounded+corners+css

    ciao
    Imparo! Imparo! Imparo!

  9. #9
    Originariamente inviato da Kintaro
    butta via le tue tabelle obsolete e fai una semplice ricerca -> http://www.google.com/search?q=rounded+corners+css

    ciao

    allora con i css ho realizzato un box con angoli arrotondati e sono anche riuscito a dargli i bordi, però c'è un problema. questi, i bordi, non so come renderli tondeggianti. quindi in conclusione ho 6 div annidati (come egregiamente spiegato qui: http://pro.html.it/articoli/id_352/i...pag_2/pag.html) che mi creano un box con angoli arrotondati che, inserendo i bordi, mi da una scatola con angoli dritti!!!
    l'effetto che vorrei ottenere è come quello dato da <fieldset>, che però viene utilizzato nei form. e tra l'altro credo non sia modificabile...color e spessore.
    come posso fare???
    grazie ancora

  10. #10
    ho realizzato questo con tabelle e in parte con css

    ecco il codice css:

    <style type="text/css">
    <!--
    .topleft { background: url(img/a_bord.gif) repeat top left}

    .topright { background: url(img/a_bord2.gif) repeat top right }

    .bottomleft { background: url(img/a_bord3.gif) repeat bottom left }

    .bottomright { background: url(img/a_bord4.gif) repeat bottom right }
    -->
    </style>


    ed ecco la tabella:

    <table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td width="28">[img]img/a_top_left.gif[/img]</td>
    <td valign="top" bgcolor="#FFFFFF" class="topleft"></td>
    <td width="28">[img]img/a_top_right.gif[/img]</td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td class="bottomright"></td>
    <td>

    </p></td>
    <td align="right" bgcolor="#FFFFFF" class="topright"></td>
    </tr>
    <tr>
    <td>[img]img/a_bottom_left.gif[/img]</td>
    <td valign="bottom" bgcolor="#FFFFFF" class="bottomleft"></td>
    <td>[img]img/a_bottom_right.gif[/img]</td>
    </tr>
    </table>


    si lo so avrei potuto utilizzare molto di più i css ed eliminare le tabelle sostituendole con dei div...ma non sono così esperto con la gestione dei div.
    se avete consigli commenti :quipy: e critiche , ma non solo! sono qui. grazie

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.