Jump to content
Sign in to follow this  
ttraxx

[AJUDA]Ajustar tabelas

Recommended Posts

ttraxx

Otimas pessoal, sou novo no forum mas espero começar a ser um membro activo.

Venhp pedir ajuda num problemazito que estou a fazer num site em html será que me podiam ajudar des de já agradeço a vossa ajuda.

bem, o que se passa é que uma das minhas tabelas sai para fora e eu tenho todos os tamanhos bem, ja verifiquei tudo e está tudo correcto será que alguem me poderia ajudar?

print:

semttuloxew.png

http://img251.imageshack.us/i/semttuloxew.png/

aqui tem o codigo da pagina

http://www.megaupload.com/?d=FWLWZ0QQ

Share this post


Link to post
Share on other sites
ttraxx

<html>
<head>
<title>Anonymous</title>
<link href="style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<table id="tabela1" align="center">
<tr>
	<td>
		<table border="1" width="1000">
			<tr>
				<td><img src="imgs/top-banner.jpg"></td>
			</tr>	
		</table>
	</td>
</tr>
<tr>
	<td>
		<table border="1" align="center" width="1000" height="82">
			<tr>
				<td width="200"><img src="imgs/menu1.png"></td>
				<td width="200"><img src="imgs/principal.png"></td>
				<td width="200"><img src="imgs/principal.png"></td>
				<td width="200"><img src="imgs/principal.png"></td>
				<td width="200"><img src="imgs/principal.png"></td>
			</tr>
		</table>
	</td>		
</tr>
<tr>
<td>
	<table border="1" height="400" width="1000">
		<tr>
			<td id="tdp" align="center">2</td>
			<td id="tdp1"align="center">1</td>
			<td id="tdp" align="center">3</td>
		</tr>
	</table>
</td>
</tr>	
</table>
</body>
</html>

ai está

Share this post


Link to post
Share on other sites
c0cac00l

HTML:

<html>
<head>
<title>Anonymous</title>
<link href="style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<table id="tabela1" align="center">
		<table border="1" width="1000" align="center">
			<tr>
				<td><img src="imgs/top-banner.jpg"></td>
			</tr>	
		</table>

		<table border="1" align="center" width="1000">
			<tr><td style="max-width: 192px;"><img src="imgs/menu1.png"></td>
				<td style="max-width: 193px;"><img src="imgs/principal.png"></td>
				<td style="max-width: 194px;"><img src="imgs/principal.png"></td>
				<td style="max-width: 196px;"><img src="imgs/principal.png"></td>
				<td style="max-width: 197px;"><img src="imgs/principal.png"></td>
				</tr>
		</table>

	<table border="1" height="400" width="1000" align="center">
		<tr>
			<td id="tdp" align="center">2</td>
			<td id="tdp1"align="center">1</td>
			<td id="tdp" align="center">3</td>
		</tr>
	</table>
</table>
</body>
</html>

CSS:

#tabela1{
border: 1px solid;
width: 1010;
margin-left: auto;
margin-right: auto;
}
#tdp{
border: 1px solid;
margin-left: auto;
margin-right: auto;
}
#tdp1{
border: 1px solid;
margin-left: auto;
margin-right: auto;
}
body{
background-color:#000000;
}

Aconselho-te a ajustar o tamanho das imagens, senão vão ficar todas cortadas devido ao max-width.

Espero ter ajudado, cumps.


Knowledge is power,

Share this post


Link to post
Share on other sites
ttraxx

as imagens estao todas ajustadas ao tamanho dos widths que tinha definido

com os tamanhos que definiste no max width as imagens não vao ficar de tamanhos diferentes quando alterar para os widths que la puseste?

Share this post


Link to post
Share on other sites
c0cac00l

as imagens estao todas ajustadas ao tamanho dos widths que tinha definido

com os tamanhos que definiste no max width as imagens não vao ficar de tamanhos diferentes quando alterar para os widths que la puseste?

da maneira que eu pus vão ficar um pouco cortadas(não mudando o tamanho delas), mas percebe uma coisa, a menos que faças com que a soma das imagens fique com o tamanho X(do header), elas vão ficar maior, apesar de continuar alinhado ao centro. A cena de ficarem separadas já está arranjado, agora é só ajustares o tamanho das imagens para que fique o lado direito alinhado.


Knowledge is power,

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.