1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Css / Html

Discussão em 'Web Development' iniciada por chachapoga, 10 de Dezembro de 2006. (Respostas: 1; Visualizações: 722)

  1. Queria construir uma tagbord (como esta: http://wipedout.no.sapo.pt/TabelaTeste.htm). Só poderei utilizar se estiver em HTML ou CSS, sem javascript que e cmo estao quase todas. Algem me da um empurraozinho pa fzr isto?

    O código desta de cima é:

    <!-- BEGIN CBOX - http://www.cbox.ws -->
    <div align="center" id="cboxdiv">
    <iframe frameborder="0" width="160" height="305" src="http://www3.cbox.ws/box/?boxid=2479898&amp;boxtag=5245&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe><br>
    <iframe frameborder="0" width="160" height="75" src="http://www3.cbox.ws/box/?boxid=2479898&amp;boxtag=5245&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe>
    </div>
    <!-- END CBOX -->


    Numa pagina que so aceita HTML / CSS, porque que nao funciona?

    Um abraço,
    chachapoga
     
  2. artideias

    artideias Power Member

    Experimenta qualquer coisa como...

    <div id="principal">
    <dl>
    <dt>Nelson: </dt>
    <dd>
    <abbr title="10 December de 2006, 19:08">10 Dec 06, 19:08</abbr>
    text text text text text text text text
    </dd>
    </dl>
    </div

    no css
    body { font: 80% verdana, sans-serif }
    dl, dt, dd { padding: 0; margin: 0; text-indent: 0 }
    #principal { width: 200px; height: 300px; overflow: auto }
    #principal dl { width: 180px; }
    #principal dt { float: left; width: 40%; margin-top: 10px }
    #principal dd { float: left; width: 55%; margin-top: 10px }
    #principal dd abbr { display: block; font-size:80%; }

    Para não teres problemas em colocar o background igual no <dt> e <dd>
    é melhor usares <ul> em vez da <dl>.

    <ul>
    <li><abbr title="10 December de 2006, 19:08">10 Dec 06</abbr>
    <cite><a href="" title="">Nelson</a> : </cite>
    <q>Text text text</q>
    </li>
    <ul>

    o css é parecido...

    abbr { display: block; }
    li, ul { padding: 0; margin: 0; }

    estas são algumas hipoteses usando o HTML para melhorar o código

    Mas para o que tu queres basta colocares overflow: auto no div principal e certificares que o width do elemento que contem os textos <ul>, <dl> ou o que usares não é maior que o do <div> #principal enquanto que o height não defines ele será definido pelo conteudo e se for maior que o height do principal ficas com o scroll...
     

Partilhar esta Página