D
DavidVaz
Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola!
Estoy haciendo una página web de mi instituto por las prácticas y no consigo recolocar el menú... ¿Me podéis ayudar?
Está aquí:
Debería estar aquí:
El código de la página es este:
CSS:
CSS NAVBAR:
¡¡Gracias!!
Estoy haciendo una página web de mi instituto por las prácticas y no consigo recolocar el menú... ¿Me podéis ayudar?
Está aquí:
Debería estar aquí:
El código de la página es este:
Insertar CODE, HTML o PHP:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/navegacion.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>PES La Mina</title>
</head>
<body>
<div class='centertb'>
<table cellspacing="0" width="1024px">
<tr>
<td><a name="inicio"><img class="logotipo" width="100%" src="images/logogran.jpg"></a></td>
<!--NEW-->
<td>
</td>
</tr>
<tr>
<!--<td><hr style="height:50px;border-width:0;color:red;background-color:red" /></td>-->
<td>
<nav id="navegacion">
<ul>
<li class="objetos"><a href="#">Inici</a></li>
<li>
<a href="#">Projectes</a>
<ul>
<li><a href="#">Centre obert</a></li>
<li><a href="#">Aula d'estudi</a></li>
<li><a href="#">Pro 3</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">Voluntariat</a></li>
<li><a href="#">On som</a></li>
<li><a href="#">Contacta</a></li>
</ul>
</nav>
</td>
</tr>
<tr>
<td>
<img width="100%" src="contents/images/pisos.jpg">
<h2>D’on venim?</h2>
<span>La Plataforma d’Educació Social La Mina és una entitat que treballa en el camp de l’educació dels infants i
joves de La Mina gairebé des dels inicis del barri. Al llarg de la seva dilatada història ha rebut diversos noms,
entre els quals destaca el de Grupo Unión, i ha desenvolupat diferents projectes segons les necessitats
educatives de cada moment.</span>
</td>
</tr>
<tr>
<td>
<h2>Qui som?</h2>
<span>Som una comunitat educativa formada per un
equip d’educadors i educadores, -professionals de
l’educació, voluntaris i voluntàries, i estudiants en
pràctiques- nois i noies i les seves famílies, i tothom
que participa i col·labora en els projectes de la PES
La Mina.
Els educadors i educadores ens comprometem amb el
barri i la seva gent i, amb la nostra implicació, intentem
aportar elements positius a la vida dels infants i joves,
a la de les seves famílies i a la de totes les persones
que formen part de la nostra Entitat.
La consistència educativa de la PES La Mina prové
d’uns criteris educatius compartits, la continuïtat en
les línies de fons, el treball programat i realitzat en
equip, la implicació en el barri per la seva transformació
social i l’opció de treballar en xarxa amb les altres
realitats del territori.</span>
<img width="100%" src="contents/images/triangle-full.jpg">
</td>
</tr>
<tr>
<td>
<h2>Què pretenem?</h2>
<span>La finalitat prioritària de la PES La Mina és contribuir
a la formació integral de la infància i de la joventut i fer
costat a les famílies en aquesta tasca, actuant amb
els criteris propis del sistema educatiu dels salesians
i prioritzant els infants i joves que estan en situació
de risc social.
Es tracta, en definitiva, de donar resposta a les
necessitats d’aquests nois i noies, fomentant les
seves capacitats, especialment les que incideixen més
en el seu desenvolupament personal: autoestima,
afectivitat, èxit escolar, hàbits socials, sentit de la vida...</span>
<img width="100%" src="contents/images/nen-full.jpg">
</td>
</tr>
<tr>
<td>
<h2>Què fem?</h2>
<span>Actualment la PES La Mina duu a terme aquests serveis i projectes:</span>
<span>
<ul>
<li>Centre Obert El Preju</li>
<li>Colònies i Casals d’estiu</li>
<li>Aula d’Estudi i Reforç Educatiu i Escolar</li>
<li>Suport Matern Infantil Mare de Déu de les Neus</li>
<li>Unitat d’Escolarització Compartida L’Eina</li>
<li>Punt Òmnia</li>
<li>Desdelamina.net</li>
<li>Animació al carrer</li>
<li>Grup de dones</li>
<li>Projecte d’atenció a les famílies Sosimbó</li>
</ul>
</span>
</td>
</tr>
<tr>
<td>
<h2>On som?</h2>
<span>PES La Mina<br>
Carrer Mar s/n (davant de l’Escola Mediterrània)<br>
O8930 Sant Adrià de Besòs<br>
Apartat de correus 508<br>
Tel. 933 811 578 / 690 355 824<br>
c. e.: pes.santadria@salesians.cat<br>
<a href="http://peslamina.salesianssantjordi.org">http://peslamina.salesianssantjordi.org</a></span>
</td>
</tr>
<tr>
<td colspan="2" align="center"><a href="#inicio">Volver arriba</a></td>
</tr>
</table>
</div>
</body>
</html>CSS:
Insertar CODE, HTML o PHP:
body,td,th {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
body {
background-color: #fff;
}
a {
font-family: "Trebuchet MS", Arial, Helvetica, sand-sherif;
font-size: 12px;
color: #00F
}
a:visited {
color: #666;
}
a:hover {
color: #F00;
}
a:active {
color: #00F;
}
h1 {
font-size: 24px;
color: #000;
}
h2 {
font-size: 18px;
color: #333;
}
h3 {
font-size: 14px;
color: #000;
}
h4 {
font-size: 12px;
color: #000;
}
h5 {
font-size: 10px;
color: #060;
}
h6 {
font-size: 8px;
color: #369;
}
h1,h2,h3,h4,h5,h6 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div.centertb{
text-align: center;
}
div.centertb table {
margin: 0 auto;
text-align: left;
}
.logotipo {
padding-left:0%;
}CSS NAVBAR:
Insertar CODE, HTML o PHP:
#navegacion
{
margin-top:auto;
}
#navegacion ul
{
background-color:red;
list-style:none;
position:relative;
float:left;
margin:0;
padding:0
}
#navegacion ul a
{
background-color:red;
display:block;
color:#333;
text-decoration:none;
font-weight:700;
font-size:12px;
line-height:32px;
padding:0 15px;
font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}
#navegacion ul li
{
position:relative;
float:left;
margin:0;
padding:0
}
#navegacion ul li.objetos
{
background:#ddd
}
#navegacion ul li:hover
{
background:#f6f6f6
}
#navegacion ul ul
{
display:none;
position:absolute;
top:100%;
left:0;
background:#fff;
padding:0
}
#navegacion ul ul li
{
float:none;
width:200px
}
#navegacion ul ul a
{
line-height:120%;
padding:10px 15px
}
#navegacion ul ul ul
{
top:0;
left:100%
}
#navegacion ul li:hover > ul
{
display:block
}¡¡Gracias!!
