H
hamedm
Gamma
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola Forobetanos
Estoy realizando un trabajo que se me ha otorgado y al tratar de abrirlo con el celular no sw ve muy bien.
Quisiera saber si tienen alguna idea de como mejorarlo?
Sacmun
y este es el codigo css:
Espero que me puedan ayudar
Gracias
Estoy realizando un trabajo que se me ha otorgado y al tratar de abrirlo con el celular no sw ve muy bien.
Quisiera saber si tienen alguna idea de como mejorarlo?
Sacmun
y este es el codigo css:
HTML:
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sacmun</title>
<link rel="stylesheet" href="CSS/index.css" type="text/css">
<style type="text/css">
header {
font-family:Arial;
font-weight:bold;
height: 100px;
width: 100%;
background-color: #FFF;
}
header a {
color:#000;
}
header .main {
width: 100%;
height:80px;
margin:0 auto;
}
header .main img {
float: left;
height: 100px;
width: 100px;
margin-left: 20px;
}
header .logorosario img {
float: right;
height: 100px;
width: 100px;
margin-right: 20px;
}
header nav {
float:left;
width:60%;
height:80px;
}
header nav ul{
width:auto;
height:70px;
float:right;
padding:0;
margin:0;
list-style:none;
}
header nav ul:hover{
width:auto;
height:70px;
float:right;
padding:0;
margin:0;
list-style:none;
color: #fff;
}
header nav ul li {
float: left;
padding-bottom:10px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
margin-top: 20px;
margin-left: 20px;
margin-right: 10px;
}
header nav ul li:hover{
float: left;
padding-bottom:10px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
background-color: #1c95e6;
border-radius: 5px;
color: #FFF;
text-shadow:1px 1px rgba(204, 204, 204, 0.46);
}
header nav ul li:hover a{
color: #FFF;
text-decoration: none;
}
</style>
</head>
<body>
<header>
<div class="main">
<img src="img/logocsc.png" >
<nav>
<ul>
<li>
<a href="index.php">
Inicio
</a>
</li>
<li>
<a href="quienes-somos.php"> ¿Quienes Somos?
</a>
</li>
<li>
<a href="infomodelo.php">
Info Modelo
</a>
</li>
<li>
<a href="comites.php">
Comitès
</a>
</li>
<li>
<a href="contactenos.php">
Contactenos
</a>
</li>
<li>
<a href="prensa.php">
Prensa
</a>
</li>
</ul>
</nav>
<div class="logorosario">
<img src="img/logorosario.png" width="100%">
</div>
</div>
</header>
</body>
</html>Gracias
