ciao a tutti
sto avendo un problema per quanto riguarda il mio sito.
questo è la home del mio sito : http://www.nicolacolonna.com/
il problema è che non riesco ad allineare il menù con il logo.
in pratica vorrei che la base delle lettere del logo vada in linea con la base delle lettere del menù.
invece il menù risulta leggermente spostato in alto rispetto alle lettere del logo.
vi scrivo il codice:
potete aiutarmi?codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Nicola Colonna</title> <style type="text/css"> <!-- #menu a:link, a:visited { color: black; text-decoration: none; } body { margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #FFFFFF; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; } .oneColElsCtrHdr #container { width: 1000px; /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */ background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #FFFFFF; text-align: left; /* this overrides the text-align: center on the body element. */ margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .oneColElsCtrHdr #header { background-color: #FFFFFF; background-image: url(immagini/logo5.jpg); background-repeat: no-repeat; padding-top: 50px; padding-right: 75px; padding-left: 500px; background-position: 75px; width: auto; } .oneColElsCtrHdr #mainContent { padding-right: 75px; padding-bottom: 0; padding-left: 75px; background-color: #FFFFFF; height: 700px; width: 850px; padding-top: 0px; } .oneColElsCtrHdr #footer { background-color: #FFFFFF; padding-top: 20px; padding-right: 10px; padding-bottom: 0; padding-left: 75px; } .oneColElsCtrHdr #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ } --> </style> <link href="menu.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- body,td,th { color: #000000; } .style5 {font-size: small} .style6 { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: x-small; } a:link { color: #000000; text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } --> </style> <style type="text/css"> #menu a:link, a:visited { color: black; text-decoration: none; } a { outline: none; } </style> </head> <body class="oneColElsCtrHdr"> <div id="container"> <div id="header"> <div align="right" id="menu"> <div align="right" class="style5"> <span class="style5" style="color: grey">Home</span> <span class="style5">B&W Colors Work About Contact </span></div> </div> <h1> </h1> </div> <div id="mainContent"> <div align="center"> <div align="justify"> <div align="left"> <div align="center">[img]immagini/sfondo.jpg[/img] <p align="left"></p> </p> <p align="center"> <span class="style6 style5">© Nicola Colonna, All rights reserved</span></p> </div> </div> </div> </div> </div> <div id="footer"> <div class="oneColElsCtrHdr" id="copy"> <div align="left"></div> </div> <p align="left" class="style6 style5"></p> </div> </div> </body> </html>
grazie
Rispondi quotando
