[SOLUCIONADO] footer y el posicionamiento con margin

[ivo5860]

Hola,
Busque solución en muchas webs pero ninguna me dio la ayuda que necesitaba.
Espero que me puedan ayudar, el problema es asi, yo estoy re diseñando mi sitio, y cuando estaba creando el pie de pagina(footer) escribía un texto y con mi hoja de estilos ponía

Código HTML:

.Texto1
{
   margin-top: 20px;
   margin-left: 20px;
}

Y me colocaba el texto y cuando ponia otro texto

Código HTML:

.Texto2
{
   margin-top: 30px;
   margin-left: 30px;
}

me ponia el texto a 30px top y left de donde estaba el primer texto.Entonces cuando quize poner una imagen:

Código HTML:

.Imagen1
{
   margin-top: 20px;
   margin-right: 20px;
}

me colocaba la misma abajo del segundo texto.
Espero entiendan mi problema y el que sabe como solucionarlo que me pueda ayudar.

[pzin]

No sé si entendí bien, pero, será que una imagen es un elemento en linea. Añádele un display: block o display: inline-block a la imagen.

[ivo5860]

Hola, @pzin

Sigue apareciendo el mismo problema

Para que te des una idea de lo que necesito saber te voy a mostrar la hoja de estilos y el elemento html.

CSS

Código CSS:

div#Pie
{
    position: static;
    width: 100%;
    height: 100px;
    float: left;
    margin-top: 20px;
    background-color: #6db3f2;
}
 
.Txt-Pie
{
    margin-top: 10px;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
}
 
.Txt-Pie-Descript
{
    margin-top: 45px;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
}
 
.Img-Pie-Img1
{
    margin-top: 10px;
    margin-right: 10px;
}
 

HTML

Código HTML:

<div id="Pie">
  <p class="Txt-Pie">Texto1</p>
  <p class="Txt-Pie-Descript">Texto2</p>
  <a href="#" class="Img-Pie-Img1"><img src="IMAGEN" title=""/></a>
</div> 

Espero que entiendas mi problema y puedas ayudarme

[pzin]

Iniciado por ivo5860

Sigue apareciendo el mismo problema

Pero explica cuál es el problema. Y no uses el formato de texto para remarcar todo tu texto, no tiene mucho sentido hacerlo; no estamos en un canal de iRC.

[ivo5860]

Iniciado por pzin

Pero explica cuál es el problema. Y no uses el formato de texto para remarcar todo tu texto, no tiene mucho sentido hacerlo; no estamos en un canal de iRC.

El problema es que cuando quiero colocar la imagen a la parte derecha con margin-right no sigue mis ordenes, ubica la imagen abajo de el segundo texto.

[pzin]

Tienes un error conceptual. El margen a la derecha significa cuánto margen deja a la derecha.

Probablemente quieras hacer algo como:

Código CSS:

text-algin: right;
 

Sobre el enlace.

[ivo5860]

Iniciado por pzin

Tienes un error conceptual. El margen a la derecha significa cuánto margen deja a la derecha.

Probablemente quieras hacer algo como:

Código CSS:

text-algin: right;
 

Sobre el enlace.

Acabo de hacer eso jaja , pero ¿si quiero poner otra imagen a la izquierda de la otra?

[pzin]

Iniciado por ivo5860

Acabo de hacer eso jaja , pero ¿si quiero poner otra imagen a la izquierda de la otra?

Pues ya tendría que flotar los elementos con float. Échale un ojo a algún manual de CSS, que este tipo de preguntas no corresponden realmente a un foro, ya que es más bien una cuestión de conocimiento de base.

[ivo5860]

Genial, gracias por tu ayuda