Problema Básico: Tabela nao aparece

DevilRocks92 · March 26, 2012 at 10:02 PM

Boas,

Tenho este codigo, mas ja nao trabalho ha mt tempo com HTML e estou com dificuldade em saber onde esta o erro:

<html>
<head>
	<title> Direitos Humanos | Human Rights </title>
</head>


<body>


	<div style="position:absolute; width:100%; height:100%; margin:0px; padding:0px; left:0px; top:0px; z-index:"0">
		<img src="multimedia/DH.jpg" width="100%" height="100%"/>
	</div>

	<table align=center>
		<tr>
			<td align=center><a href="intro.php"><img src="Multimedia/Portugal.jpg"></a></td>
			<td></td>
			<td align=center><a href="introe.php"><img src="Multimedia/English.jpg"></a></td>
		</tr>

		<tr>
			<td align=center><a href="intro.php">PORTUGUÊS</a></td>
			<td></td>
			<td align=center><a href="introe.php">ENGLISH</a></td>
		</tr>
	</table>

<div style="position:absolute; width:100%; height:0px; margin:0px; padding:0px; left:0px; top:80px; z-index:1">

<?PHP
include 'rodape.php';
?>

Obrigado,

DevilRocks92

HappyHippyHippo · March 27, 2012 at 07:37 AM

também eu .... sabes porque ??? porque não dizes o que acontece de errado ....

(para não falar de não fechares nada depois do segundo div .... espero bem que não faças isso no rodapé.php ... fica lindamente e facilimo de ler ...)

brunoais · March 27, 2012 at 07:54 AM

Vejamos...

Assumindo HTML4 ou HTML5

[*]Não tem doctype

[*]Tem um div q possivelmente não fecha (se fecha, o ficheiro está mal feito)

[*]Usa tabelas para o layout

[*]Usas o atributo align

O outro problema é fácil de reparar, basta ver como o highlighter assinalou.

DevilRocks92 · March 27, 2012 at 09:26 PM

Ja sei qual e o problema mas nao consigo resolver.

O problema é que a imagem vem para a frente e tapa o conteudo, sera que alguem me pode ajudar?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>

<title> Direitos Humanos | Human Rights </title>

<style type="text/css">
html, body 
{
	height: 100%;
	margin: 0;
	padding: 0;
}

img#bg 
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
</style>

</head>

<!---------------------------------------------------------------------------------------------------------->
<body>

<img src="Multimedia/DH.jpg" alt="background image" id="bg" />

	<table align=center>
		<tr>
			<td align=center><a href="intro.php"><img width="350" height="200" src="Multimedia/Portugal.jpg"></a></td>
			<td></td>
			<td align=center><a href="introe.php"><img width="350" height="200" src="Multimedia/English.jpg"></a></td>
		</tr>

		<tr>
			<td align=center><a href="intro.php">PORTUGUÊS</a></td>
			<td></td>
			<td align=center><a href="introe.php">ENGLISH</a></td>
		</tr>
	</table>


<div style="position:absolute; width:100%; height:0px; margin:0px; padding:0px; left:0px; top:100px; z-index:1">


<?PHP
include 'rodape.php';
?>

Virneto · March 27, 2012 at 11:14 PM

Olá. Eu sou um aprendiz muito iniciante ao lado da malta que por aqui anda, mas se puder ir pensando convosco...

Porque é que passaste o css para o <head> mas mantens o inline style? não preferes ou não podes separar tudo? Pelo que tenho visto por aqui se calhar o ideal até era passares para stylesheet.css à parte.

dá a impressão que não fechas o div style? e </body> ou </html>?

mesmo alguns dos parâmetros css que pões parecem confusos. [padding:0px; left:0px; top:100px;]

ou queres dizer:

padding-left: 0px;

padding-right: 0px;

Se usares só:

padding:0px; estás a aplicar aos 4 (left-top-right-bottom).

não preferes uma estrutura tipo: (não me caiam em cima pois estou a fazer de cor)

<DOCTTYPE html>
    

<head>
<title> bla bla </title>

<style type=text/css>

    body {
        margin: 0px;
        background-color:blue; /* ou background-image: 
        ...*/
        }

    #qualquer_coisa1 {
        background-color:yellow;
        width:50%;
        height:auto;
        margin:0px;
        padding:0px;
        float:left;
        }
    
    #qualquer_coisa2 {
        background-color:white;
        width:50%;
        height:auto;
        margin:0px;
        padding:0px;
        float:right;
                    }
    </style>

</head>
    
<body>
    
    <div id="qualquer_coisa1">
    <img src="Multimedia/DH.jpg" alt="background image" id="bg" />
    </div>
    
    <div id="qualquer_coisa2">
   <!---- /* as tables e img's que quiseres */----->
    
    <?php
    includes
    ?>
    </div>
    
</body>
    
</html>

HappyHippyHippo · March 28, 2012 at 09:22 AM

apaga esta treta toda:

        img#bg
        {
                position:fixed;
                top:0;
                left:0;
                width:100%;
                height:100%;
        }

Sign In

Problema Básico: Tabela nao aparece

Recommended Posts

DevilRocks92

HappyHippyHippo

brunoais

DevilRocks92

Virneto

HappyHippyHippo

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information