Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Box con i css

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    112

    Box con i css

    Ciao,
    ho provato ad implementare un box fatto con i css

    codice:
    div.box {
    background: trasparent;
    border-top: 12px solid #333;
    border-bottom: 12px solid #333;
    width: 243px;
    height: 100px;
    padding: 3px 10px 3px 10px;
    margin-bottom: 10px;
    }
    div.box h5 {
    margin: 0 0 10px 0;
    text-transform: lowercase;
    font:Arial;
    color:#CCCCCC;
    }
    div.box a {
    display: block;
    text-align: right;
    margin-top: 30px;
    }
    non riesco a dargli un colore al bordo
    neanche con la proprietà border-color ,border-top-color, border-bottom-color.
    Inoltre se nel box inserisco una immagine su IE6 l'immagine si integra perfettamente nel box, invece su Firefox l'immagine va fuori dai bordi del box.

    help please


  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Posta anche il codice HTML che utilizza quella classe.

    E posta il DOCTYPE (se c'e`).
    Se manca il DOCTYPE di` anche in quali browser hai testato.

    Non e` che ci siano dei posizionamenti assoluti?
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    112
    ciao mich
    questo è il doctype
    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    questo è il css per il layout completo del sito
    codice:
    html,body{margin:0;padding:0}
    body{font: 76% Verdena,sans-serif;text-align:center;background-color:#212120}
    p{margin:0 10px 10px}
    a{display:block;color: #981793;padding:10px}
    div#container{text-align:left;background-image:  url("images/sfondo.jpg"); background-repeat: no-repeat}
    div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;color: #79B30B}
    div#content p{line-height:1.4}
    div#footer{background: #333;color: #FFF}
    div#footer p{margin:0;padding:5px 10px}
    
    
    div#container{width:770px;height:600px;margin:0 auto}
    div#content{float:right;width:570px}
    div#navigation{float:left;width:150px}
    div#extra{float:left;clear:left;width:200px}
    div#footer{clear:both;width:100%;top: auto}
    e l'html che utilizza la classe box:

    codice:
    <table width="100%"  border="0">
      <tr>
        <td>
    <div class="box">
    	[img]images/newssito.gif[/img]
    
    <h5>[img]images/icon_home.gif[/img] Nuovi sfondi desktop da scaricare </h5>
    	<h5>[img]images/icon_home.gif[/img] Inserita pagina  </h5>
    
    	
    	<a>Leggi tutto...</a></div></td>
        <td><div class="box">
    	[img]images/titoli_home2.gif[/img]
    
    
    	<h5>[img]images/icon_home.gif[/img] Gare  </h5>
    	<h5>[img]images/icon_home.gif[/img] Gare  </h5>
    
    	
    	<a>Leggi tutto...</a>
    </div></td>
      </tr>
      <tr>
        <td><div class="box">
    	[img]images/titoli_home3.gif[/img]
    
       [img]images/centro.gif[/img]</div></td>
        <td><div class="box">
    	[img]images/newssito.gif[/img]
    
    <h5>[img]images/icon_home.gif[/img] Inserita pagina  </h5>
    	<h5>[img]images/icon_home.gif[/img] Inserita pagina  </h5>
    
    
    
    
    	
    	<a>Leggi tutto...</a></div></td>
      </tr>
    </table>
    l'ho testato su IE6 e Firefox 1.5

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Cioe` stai dicendo che il bordo dei box lo vedi, ma non del colore corretto?
    (o ho capito male)?

    Questa non l'avevo mai sentita (con un CSS di quel tipo).

    Pero` non ho capito dove e` posizinato il CSS che hai postato all'inizio rispetto al quest'ultimo: l'ordine delle definizioni CSS in qualche caso e` importante.



    Comunque fai ampio uso di tag semanticamente errati: una bella lista racchiusa in un <div> snellirebbe di molto la pagina, e sarebbe piu` corretta.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    112
    Originariamente inviato da Mich_
    Cioe` stai dicendo che il bordo dei box lo vedi, ma non del colore corretto?
    (o ho capito male)?
    no il colore non lo vedo, non riesco a dargli un colore al bordo
    neanche con la proprietà border-color ,border-top-color, border-bottom-color.

    il box css l'ho posizionato dentro una tabella che a sua volta è dentro :
    codice:
    <div id="content">
    
    <table width="100%"  border="0">
      <tr>
        <td>
    <div class="box">

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Continui a dare info con il contagocce.

    Che stai usando le tabelle per formattare lo avevo capito ...

    Quello che non so e` come e` fatto il CSS: l'ordine delle dichiarazioni puo` essere significativo.

    Non hai un link (anche di prova) da poter dare?
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.