HTML - Duvida Express

Ragahell

Ragahell

Deus BOINC
como posso por uma foto a frente do texto sem que acotneça por exemplo isto:


Benfica
Porto
sporting
images

boavista
quim barreiros


Abraço e obrigado =)
 
thansk... tabelas, nao me tlembrava xD

como junto as 5 linhas da direita se for uma tabela de 2 por 5 ? tipo duas colunas cuja coluna da direita tem 5 linhas e a da esquerda tem uma linha gorda?
 
ja fiz... fui pondo ao calhas xD


Código: 
<html>
<body>
<table border="1">
<th>
<td rowspan="5">Telephone:</td>
</th>
<tr>
<th>555 77 854</th>
</tr>
<tr>
<th>555 77 854</th>
</tr>
<tr>
<th>555 77 854</th>
</tr>
<tr>
<th>555 77 854</th>
</tr>
</table>
</body>
</html>
 
Última edição pelo moderador:
Vê o link que eu dei!

As tabelas não são assim. Estás a usar headers em todo o lado :P
Código: 
<table>
<tr><th>Linha | Coluna</th> <th>Linha | Coluna</th></tr>
<tr><td>Linha 1 Coluna 1</td> <td>Linha 1 Coluna 2</td></tr>
<tr><td>Linha 2 Coluna 1</td> <td>Linha 2 Coluna 2</td></tr>
</table>

Try it!
 
<table border="0">
<td>
<td rowspan="5"><embed anablejavascript="true" allowScriptAccess="never"
allownetworking="internal"
src="http://www.dailymotion.com/swf/x6co6f&hl=en&fs=1&hl=en&rel=0&border=0&autoplay=1"
type="application/x-shockwave-flash"
wmode="transparent" width="130" height="100"></embed><td>
</td>
<tr>
<td>Nirvana</td>
</tr>
<tr>
<td>Metallica</td>
</tr>
<tr>
<td>RedHot</td>
</tr>
<tr>
<td>ACDC</td>
</tr>
<tr>
<td>Tara Perdida</td>
</tr>
</table>
Clicar para expandir...

olha, porque é que a letra aparece gordo e grande?

ja tirei a letra gorda, era por ser TH.. mas agora ta tudo separado =( nao da para por tudo mais junto?
 
Última edição:
o facto de as lnhas ficarem tao separadas nao tem remedio pois nao ? =(

<table border="0" HEIGHT=1 cellpadding="0" cellspacing="0"> tentei isto, mas nao deu...
 
Última edição:
Eu já dei o link duas vezes! Vê a página que te mostrei acima!

Código: 
<img src="imagem" align="left">

Se aquilo não faz o que queres, experimenta então trocar o <table> por
Código: 
<table cellpadding="0" cellspacing="0">
 
eu aj vi a pagina.. o pior e que nao se trata e uma imagem.. Trata-se de um video... e mesmo que eu eu alinhe para a dreita ou a esquerda, o texto nao fica a frente.. fica em baixo =(
 
Tinhas falado numa imagem.

Qual é o teu problema actual, então? Em princípio, se é o facto das linhas ficarem separadas, algo como
Código: 
<table border="0" cellpadding="0" cellspacing="0">
devia fazer com que ficasse tudo junto.
 
mas nao fica... =( sao estas coisa que odeio na programaçao e afins

experimenta isto sff
<table border="0">
<td>
<td rowspan="5"><embed anablejavascript="true" allowScriptAccess="never"
allownetworking="internal"
src="http://www.dailymotion.com/swf/x6co6...r=0&autoplay=1"
type="application/x-shockwave-flash"
wmode="transparent" width="130" height="100"></embed><td>
</td>
<tr>
<td>Nirvana</td>
</tr>
<tr>
<td>Metallica</td>
</tr>
<tr>
<td>RedHot</td>
</tr>
<tr>
<td>ACDC</td>
</tr>
<tr>
<td>Tara Perdida</td>
</tr>
</table>
Clicar para expandir...
 
Código: 
<table border="0">
<tr>
 <td>Nirvana</td>
 <td rowspan="5">
  <embed anablejavascript="true" allowScriptAccess="never" allownetworking="internal" src="[URL]http://www.dailymotion.com/swf/x6co6...r=0&autoplay=1[/URL]" type="application/x-shockwave-flash" wmode="transparent" width="130" height="100"></embed>
 </td>
</tr>
<tr><td>Metallica</td></tr>
<tr><td>RedHot</td></tr>
<tr><td>ACDC</td></tr>
<tr><td>Tara Perdida</td></tr>
</table>

Não está testado, mas eu se fosse a ti estudava primeiro a forma de trabalhar das tabelas ;)
 
Última edição:
em termos de estrotura esta perfeita. O erro provem do facto de as tabelas terem obrigatoriamente que ter uma borda minima que é suficiente para manter as linhas afastadas =( .
Ouvi dizer que com <div> talvez fosse la... amanha vejo.
 
Para o que tu queres isto basta:

<table width="250" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Benfica</td>
<td rowspan="5"><img src="http://tbn2.google.com/images?q=tbn:j15qrJZbPppMMM:http://www.shivanjaikaran.com/uploads/sponge_bob2.gif" /></td>
</tr>
<tr>
<td>Porto</td>
</tr>
<tr>
<td>Sporting</td>
</tr>
<tr>
<td>Boavista</td>
</tr>
<tr>
<td>Académica</td>
</tr>
</table>
Clicar para expandir...

Tb podes fazer com DIV´s mas é mais complicado explicar, tudo depende da utilização, eu por princípio prefiro os DIV´s mas as tabelas nalguns casos tb servem.
 
Última edição:
Boas gonçalo,
Era o que eu estava a dizer anteriormente.. Se testares isso vais reparar que o texto fica todo muito disperso e termos de altura. E mesmo que eu use tudo o que ha para o efeito, nada se altera... Por exemplo:
<table border="0" HEIGHT=1 cellpadding="0" cellspacing="0"> .

Se alguem poder fazer com Div, eu agradeço muito. =)
 
O texto fica "disperso" como assim? É óbvio que fica "disperso" se a imagem for maior em height que as células de texto. Se calhar é melhor explicares o que pretendes fazer...

EDIT:

Código HTML completo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
#tudo{
padding:30px;
overflow:auto;
width:273px;
height:130px;
}
#contentor{
float:left;
}
#texto{
height:26px;
width:150px;
}
#imagem{
float:left;
width: 123px;
height:124px;
}
-->
</style></head>

<body>

<div id="tudo">
<div id="contentor">
<div id="texto">Coimbra</div>
<div id="texto">Lisboa</div>
<div id="texto">Évora</div>
<div id="texto">Braga</div>
<div id="texto">Aveiro</div>
</div>
<div id="imagem"><img src="http://tbn2.google.com/images?q=tbn:j15qrJZbPppMMM:http://www.shivanjaikaran.com/uploads/sponge_bob2.gif" width="123" height="124" /></div>
</div>

</body>
</html>
Clicar para expandir...
 
Última edição:
Inicie sessão ou registe-se para poder participar.
Back
Topo