Buenas me llamo mario y me estoy iniciando con esto de las web y hoy me he topado con un fallo que no soy capaz de solucionar; ya que me gustaria mostrar una tabla cargada desde una base de datos con php y que despues de toda la tabla aparezca el boton "Atras" y se quede ubucado abajo a la derecha y no logro conseguirlo. Envio foro con flecha donde tiene que colocarse.
El codigo html es el siguiente:
Código:
<HTML>
<head>
<title>2015</title>
<link rel="shortcut icon" href="../pic/icono.ico" type="image/ico" />
<link rel="stylesheet" type="text/css" href="../he/vercontacto.css" title="style" />
</head>
<body>
<div id="contenedor">
<div id="titulo">
<img src="../pic/titulo2.png"/>
</div>
<div id="explicacion">
<h2>Contacto</h2>
<div class="clear"></div>
</div>
<div id='tabla'>
<?php
include("acceso2.php");
$Com = new mcontactos();
$Com->recuperarDatos();
?>
<div id="pie">
<a href="../index.php"><<Atrás>></a>
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>
Y el CSS es el que aparece a continuacion:
[CODE]
Código:
body {font-size: 1em;
background-image: url("../pic/fondo_rayas.gif");
font-family: Calibri;
}
#tabla {
background-color: #42CBA4;
border: 2px solid #80EA78;
text-align: justify;
padding:1.6em;
margin: 2em;
margin-top: 0em;
border: 2px solid #80EA78;
}
#contenedor {
background-color:#92E1C3;
width: 1200px;
max-width: 100%;
margin: 0 auto;
margin-top:3em;
max-height: 100%;
border: 10px solid #C5C5C5;
border-bottom-style: outset;
}
#titulo img {width: 1185px;
height: 140px;
max-width: 100%;
max-height: 100%;
margin:.5em;
}
#explicacion h2{background-color: #37B08E;
border: 2px solid #C5C5C5;
text-align: center;
padding:.5em;
margin:auto;
width: 95%;
float:center;
margin-left: .8em;
margin-bottom: .1em;
color:#706565;}
#pie a {background-color: #37B08E;
border: 4px solid #C5C5C5;
text-align: center;
padding: .3em;
border-bottom-style: outset;
color: #80EA78;
text-decoration: none;
float:right;
margin-right:.2em;
margin-bottom:.2em;
}
#pie a:active
{
border-bottom-style: inset;
color: rgb(38, 121, 99);
}
div.clear { clear: both; }
Antes de nada daros las gracias!