Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/02/2011, 18:41
martines
 
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 16 años, 5 meses
Puntos: 0
texto en el head encima de una imagen

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;
          }