Problema con botones HTML/CSS


Dark

🔥root313🔥
Staff
Moderador
Paladín de Nodo
Jinete de Nodo
Burgués de Nodo
Noderador
Nodero
Noder Pro
Noder
El problema es, que en un diseño de página web, hasta ahora no había puesto el <!DOCTYPE html>, lo que pasa ahora, es que al ponerlo, los botones que había en un sitio(pegados al techo) están descolocados, y no puedo moverlos desde css. Alguien sabe a que se debe el problema?

Cuándo quito el <!DOCTYPE html> me deja mover los botones(vuelven a su posición de antes)
 
Última edición:

cbrn

el ex-staff más guapo del foro
Noderador
Nodero
Noder
pon el CSS que tengas ahora mismo para verlo
 

Dark

🔥root313🔥
Staff
Moderador
Paladín de Nodo
Jinete de Nodo
Burgués de Nodo
Noderador
Nodero
Noder Pro
Noder
pon el CSS que tengas ahora mismo para verlo
Vale pero no te rias xd


h1 {
height: 70px;
width: 101%;
background-color: black;
}
h1 {
margin-top: -58px;
margin-right: 150px;
margin-left: -11px;
}
#index {
height: 50px;
width: 3%;
margin-top: 0px;
}
a {
text-decoration:none;
color:#FFF;
}
#shopbutton {
color: white !important;
margin-top: -75px;
margin-right: -300px;
text-transform: none;
text-decoration: none;
background: none;
padding: 10px;
border-radius: 5px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
}
#shopbutton:hover {
background:gray;
letter-spacing: 2px;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}
#discord {
color: white !important;
margin-top: -75px;
margin-right: -700px;
text-transform: none;
text-decoration: none;
background: none;
padding: 10px;
border-radius: 5px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
}

#discord:hover {
background:gray;
letter-spacing: 2px;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}

#discordimage {
margin-top: 0px;
}
.footer{
background-color: #292c2f;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
box-sizing: border-box;
width: 100%;
margin-left: -8px;
text-align: left;
font: normal 16px sans-serif;
position: fixed;
bottom: 0;
padding: 45px 50px;
}
.footer .footer-left p{
color: #8f9296;
font-size: 14px;
margin: 0;
}
/* Footer links */
.footer p.footer-links{
font-size:18px;
font-weight: bold;
color: #ffffff;
margin: 0 0 10px;
padding: 0;
}
.footer p.footer-links a{
display:inline-block;
line-height: 1.8;
text-decoration: none;
color: inherit;
}
 

Dark

🔥root313🔥
Staff
Moderador
Paladín de Nodo
Jinete de Nodo
Burgués de Nodo
Noderador
Nodero
Noder Pro
Noder
Lo mismo se te ha olvidao cerrar alguna etiqueta.
Uso el Visual Studio Code, me lo diría si pasara. La cosa es que si quito el <!DOCTYPE html> los botones se ponen bien, pero si lo pongo pues se descolocan, y desde css le suda la polla lo que le ponga de que se mueva a la derecha izquierda arriba o abajo.

https://gyazo.com/eccfcbfccdba9b5f1ca2b02f18b517d0 con <!DOCTYPE html> puesto
https://gyazo.com/3e1e8f5d0cf5ad50d767e28db1e73d08 sin <!DOCTYPE html> puesto
 

iKaros

Ahora soy un gato
Noderador
Nodero
Noder
Uso el Visual Studio Code, me lo diría si pasara. La cosa es que si quito el <!DOCTYPE html> los botones se ponen bien, pero si lo pongo pues se descolocan, y desde css le suda la polla lo que le ponga de que se mueva a la derecha izquierda arriba o abajo.

https://gyazo.com/eccfcbfccdba9b5f1ca2b02f18b517d0 con <!DOCTYPE html> puesto
https://gyazo.com/3e1e8f5d0cf5ad50d767e28db1e73d08 sin <!DOCTYPE html> puesto
DOCTYPE html indicas la versión html que quieres usar en el archivo (en este caso 5.0), si has trabajado con la 2.0 por ejemplo y tienes todo orientado a esa versión, al actualizarlo tendrás que modificar algunas cosas claramente.

pasame la web, y le echo un ojo al código general.
 

Dark

🔥root313🔥
Staff
Moderador
Paladín de Nodo
Jinete de Nodo
Burgués de Nodo
Noderador
Nodero
Noder Pro
Noder
DOCTYPE html indicas la versión html que quieres usar en el archivo (en este caso 5.0), si has trabajado con la 2.0 por ejemplo y tienes todo orientado a esa versión, al actualizarlo tendrás que modificar algunas cosas claramente.

pasame la web, y le echo un ojo al código general.
Ok, te paso link de MEGA por privado
 

Dark

🔥root313🔥
Staff
Moderador
Paladín de Nodo
Jinete de Nodo
Burgués de Nodo
Noderador
Nodero
Noder Pro
Noder
o el repositorio mismamente donde tienes alojada en tu web, si no usas el localhost claramente...
Aún no he alojado la web ni nada, lo tengo todo en archivo.