Hola amigos soy nuevo en esto del lenguaje Css.
Yo quiero que se me estructuren todas ordenadas y que las otras no se muevan pero nose porque se me mueven.
Os paso el texto HTML y Css y haber si me podeis ayudar.
Gracias.
Css:
Código CSS:
Ver original@charset "UTF-8";
/* CSS Document */
a.Inicio {
text-decoration:none;
color:#333;
border-style:double;
border-spacing:10px;
padding:7px 20px 7px 20px;
background-color:#CCC;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:500;
border-radius: 50px;
margin-left:20px;
margin-right:20px;
}
a.Productos {
text-decoration:none;
color:#333;
border-style:double;
border-spacing:10px;
padding:7px 20px 7px 20px;
background-color:#CCC;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:500;
border-radius: 50px;
margin-left:20px;
margin-right:20px;
}
a.Ofertas {
text-decoration:none;
color:#333;
border-style:double;
border-spacing:10px;
padding:7px 20px 7px 20px;
background-color:#CCC;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:500;
border-radius: 50px;
margin-left:20px;
margin-right:20px;
}
a.Packs{
text-decoration:none;
color:#333;
border-style:double;
border-spacing:10px;
padding:7px 20px 7px 20px;
background-color:#CCC;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:500;
border-radius: 50px;
margin-left:20px;
margin-right:20px;
}
a.Contactos{
text-decoration:none;
color:#333;
border-style:double;
border-spacing:10px;
padding:7px 20px 7px 20px;
background-color:#CCC;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:500;
border-radius: 50px;
margin-left:20px;
margin-right:20px;
}
a.Inicio:hover{
text-decoration:none;
border-style:double;
padding:7px 20px 7px 20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#31C0E6;
background-color:#000;
}
a.Inicio:active{
color:#ABEC00;
}
a.Productos:hover{
text-decoration:none;
border-style:double;
padding:7px 20px 7px 20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#31C0E6;
background-color:#000;
}
a.Productos:active{
color:#ABEC00;
}
a.Ofertas:hover{
text-decoration:none;
border-style:double;
padding:7px 20px 7px 20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#31C0E6;
background-color:#000;
}
a.Ofertas:active{
color:#ABEC00;
}
a.Packs:hover{
text-decoration:none;
border-style:double;
padding:7px 20px 7px 20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#31C0E6;
background-color:#000;
}
a.Packs:active{
color:#ABEC00;
}
a.Contactos:hover{
text-decoration:none;
border-style:double;
padding:7px 20px 7px 20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#31C0E6;
background-color:#000;
}
a.Contactos:active{
color:#ABEC00;
}
a{alignment-adjust:middle;
}
a{position:relative;
left:160px;
}
#contmiformu legend{font-style:italic; font-size:18px; font-family:Verdana, Geneva, sans-serif; color:#7F204C;}
#contmiformu{padding:none; border:none; width:800px; position:relative; top:100px; left:350px;}
#miformu{ width:300px; background-image:linear-gradient(bottom, rgb(102,255,255) 47%, rgb(51,153,255) 68%); background-image:-o-linear-gradient(bottom, rgb(102,102,255) 47%, rgb(51,51,255) 68%); background-color:#3CF; background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.47, rgb(192,204,20)),
color-stop(0.68, rgb(91,240,126))
);
border-width: 2px;
border-color: #26600c;
border-style: solid;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
#miformu label {
display: block;
margin:0;
}
#miformu label span {
display: block;
margin-left: 7px;
}
#miformu label input {
margin-left: 40px;
margin-top: 5px;
padding-left: 3px;
border-color: #ff6a00;
-moz-transition: all .25s;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#miformu label textarea {
margin-left: 40px;
margin-top: 5px;
padding-left: 6px;
border-color: #ff6a00;
-moz-transition: all .25s;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#miformu label input:focus, #miformu label textarea:focus {
background: #fff;
border-color: #0000FF;
box-shadow: 0 0 4px #0000FF;
padding-right:65px;
margin-left: 10px;
}
#miformu .submit {
margin-left: 50px;
font-size: 14px;
font-weight: bold;
padding: 6px;
margin-bottom: 7px;
background-color: #808080;
color: #fff;
cursor: pointer;
-moz-transition: all .32s;
-webkit-transition: all .32s;
-o-transition: all .32s;
transition: all .32s;
}
#miformu .submit:hover {
padding: 3px 5px;
background-color: #ebe7e7;
color: #0000FF;
}
embed{position:relative;
top:200px;
right:200px;
}
HTML
Código HTML:
Ver original<!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"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="Estilos.css" type="text/css" rel="stylesheet" />
<img src="Blue Mouse.png" width="1112" height="141"/> <a href="Inicio.html" class="Inicio">Inicio
</a> <a href="Productos.html" class="Productos">Productos
</a> <a href="Ofertas.html" class="Ofertas">Ofertas
</a> <a href="Packs.html" class="Packs">Packs
</a> <a href="Contacto.html" class="Contactos">Contactos
</a> <embed src="Proyecto nuevo 1.m4v" autostart="true" loop="true"></embed>
Mi problema esta que cuando coloco el embed se me mueven los <a> hacia abajo y no quiero que pase eso y no me obedece cuando le pongo valores en top y right.......
Soy novao losiento......