Problema con botones HTML/CSS

Dark

Miembro muy activo
Miembro del equipo
Paladín de Nodo
Jinete de Nodo
Burgués de Nodo
Moderador
Noderador
Nodero
Noder
24 Dic 2018
3.584
3.450
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
23 Dic 2018
1.004
613
pon el CSS que tengas ahora mismo para verlo
 

Dark

Miembro muy activo
Miembro del equipo
Paladín de Nodo
Jinete de Nodo
Burgués de Nodo
Moderador
Noderador
Nodero
Noder
24 Dic 2018
3.584
3.450
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 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;
}
 

Valeo08

Capullo perro no mucho
Miembro del equipo
Burgués de Nodo
Moderador
Noderador
Nodero
Noder
24 Dic 2018
2.145
1.038
Lo mismo se te ha olvidao cerrar alguna etiqueta.
 

Dark

Miembro muy activo
Miembro del equipo
Paladín de Nodo
Jinete de Nodo
Burgués de Nodo
Moderador
Noderador
Nodero
Noder
24 Dic 2018
3.584
3.450
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
Burgués de Nodo
Noderador
Nodero
Noder
30 Dic 2018
1.238
1.242
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

Miembro muy activo
Miembro del equipo
Paladín de Nodo
Jinete de Nodo
Burgués de Nodo
Moderador
Noderador
Nodero
Noder
24 Dic 2018
3.584
3.450
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

Miembro muy activo
Miembro del equipo
Paladín de Nodo
Jinete de Nodo
Burgués de Nodo
Moderador
Noderador
Nodero
Noder
24 Dic 2018
3.584
3.450
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.
 
Arriba Pie