Buenas tardes, tengo un problema con el logo y menú de mi web.
La unica forma que consigo que se me alinie con el menú es metiendolo dentro de <li></li>.
La idea es sacarlo del menú y que se quede en el mismo sitio que esta ahora, de hecho el logo que va ahi no es ese, es uno que tiene 115px x 115px y que el menú se alinie verticalmente con el logo.
He probado de todo lo que conozco y de todo lo que he buscado, pero si lo hago paddings, margins, relative, absolute, no me funciona nada, si consigo dejarlo en el sitio pero cuando se hace la pantalla más pequeña se va desplazando el logo por encima del menú.
Os pego el codigo del menú y haber si me podeis sugerir algo. Si quereis comprobar codigo la web es esta.
www.artdesigns.es Código PHP:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="script.js"></script>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,300,200' rel='stylesheet' type='text/css'>
<?php
// Conectando, seleccionando la base de datos
$link = mysql_connect('db597393854.db.1and1.com', 'dbo597393854', 'Paiporta_1')
or die('No se pudo conectar: ' . mysql_error());
mysql_select_db('db597393854') or die('No se pudo seleccionar la base de datos');
// Ejecutar la consulta
$queryTrabajos = "SELECT id, strtitulo FROM trabajos";
$trabajos = mysql_query($queryTrabajos) or die('Consulta fallida: ' . mysql_error());
?>
<?php
$queryWebs = "SELECT* FROM webs";
$webs = mysql_query($queryWebs) or die('Consulta fallida: ' . mysql_error());
?>
<?php
$queryFotos = "SELECT* FROM fotos";
$fotos = mysql_query($queryFotos) or die('Consulta fallida: ' . mysql_error());
?>
<div id='cssmenu' class="align-center">
<ul><li><a href='index.php'><img src="images/logo/logo.png" width="188" height="35" /></a>
</li>
<li class='active'><a href='index.php'>Inicio</a></li>
<li ><a href='#'>Diseños</a>
<ul>
<?php
// Usar el resultado
// Si se intenta imprimir $resultado no será posible acceder a la información del recurso
// Se debe usar una de las funciones de resultados de mysql
// Consulte también mysql_result(), mysql_fetch_array(), mysql_fetch_row(), etc.
while ($trabajo = mysql_fetch_assoc($trabajos)) {
echo "<li><a href=\"./vertrabajo.php?idtrabajo=" . $trabajo['id'] . "\"> " . $trabajo['strtitulo'] . " </a></li>";
}
?>
</ul>
</li>
<li ><a href='#'>Diseño Web</a>
<ul>
<?php
// Usar el resultado
// Si se intenta imprimir $resultado no será posible acceder a la información del recurso
// Se debe usar una de las funciones de resultados de mysql
// Consulte también mysql_result(), mysql_fetch_array(), mysql_fetch_row(), etc.
while ($web = mysql_fetch_assoc($webs)) {
echo "<li><a href=\"./verweb.php?idweb=" . $web['id'] . "\"> " . $web['strtitulo'] . " </a></li>";
}
?>
</ul>
</li>
<li ><a href='#'>Fotografia</a>
<ul>
<?php
// Usar el resultado
// Si se intenta imprimir $resultado no será posible acceder a la información del recurso
// Se debe usar una de las funciones de resultados de mysql
// Consulte también mysql_result(), mysql_fetch_array(), mysql_fetch_row(), etc.
while ($foto = mysql_fetch_assoc($fotos)) {
echo "<li><a href=\"./verfotos.php?idfoto=" . $foto['id'] . "\"> " . $foto['strtitulo'] . " </a></li>";
}
?>
</ul>
</li>
<li><a href='marketing.php'>Marketing</a></li
><li><a href='sobre.php'>Sobre Mi</a></li>
<li><a href='contacto.php'>Contacto</a></li>
<li><a href='verofertas.php'>Ofertas</a></li>
</ul>
</div>
</div>
<?php
// Liberar los recursos asociados con el conjunto de resultados
// Esto se ejecutado automáticamente al finalizar el script.
mysql_free_result($webs);
mysql_free_result($trabajos);
// Cerrar la conexión
mysql_close($link);
?>