Pues tengo una imagen que ocupa todo el head, me gustaria que encima de esta imagen en el otro lado poner un texto como un eslogan, espero que me podais ayudar, dejo el codigo
Código PHP:
body {background-color: #E0ECF8;
margin:0px;
}
#head {
margin:0px;
margin-top:0px;
background-image: url("../files/head2.jpg");
background-position: left;
background-position: relative;
background-repeat: no-repeat;
height: 140px;
}
#menu {
width: 100%;
padding: 0px;
float:right;
padding:0px;
height:auto;
font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #0080FF;
margin-top:0px;
}
#menu ul, li { list-style-type: none;
}
#menu ul
{ width:auto;
margin:auto;
}
#menu li {
display: inline;
position:relative;
}
#menu li+li a {
border-left: 1px solid #FFF;
}
#menu a {
color: #fff;
text-decoration: none;
text-align: center;
width:12.70%;
float:left;
padding: 6px;
display: block;
outline:none;
cursor:pointer;
}
#menu a:hover { background: #FFFFFF;
color:#000000;
}
#contenido { border: 3px solid #FF0000; width:420px; height:auto; padding:3px; margin:5px; float: left; }
#creditos {border: 3px solid #FFFF00;
width:auto;
height:30px;
margin:5px;
clear: both;
}