Css / Html

[chachapoga]

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

 

[artideias]

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...