Entrar

Propiedades CSS que definen la alineación de un elemento

JLHH · · Solicitar retirada
Son las siguientes:
right(pegado a la derecha)
left(pegado a la izquierda)
center(centrado)
justify(que no se lo que es supongo que sera dandole el lugar exacto que quieres en la página)
1.¿Cómo se usa el modo justify?¿seria asi: .justificado {text-align:justify 5px 10px 7px 3px} ?
2.¿Se pueden usar estas propiedaes css para + cosas que para los parrafos como por ejemplo las imágenes?si es asi,¿cómo?
Yaneth · · Solicitar retirada
Hola

Justify significa justificado, y se utiliza para que un texto ocupe todo el ancho de la hoja,

para lo que tu deseas

pudieras ponerlo asi

foto {background-image: url(objetos/foto.jpg);
text-align:left; margin:20px}

solo es un ejemplo

saludos
JLHH · · Solicitar retirada
No me sale.lo k me as dao deberia ir en la hoja de estilo?
weno mejor te envio mi css y mi index
INDEX:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Semana Santa de Sevilla</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">


</head>
<body>

<p class="centrado"> <h1>Semana Santa de Sevilla</h1>.Web en construcción</p>
<p class="centrado"> Página creada gracias a CCTW</p>

[contenido no disponible]




[correo eliminado]</p>
</body>
</html>

CSS:
body {background-color: #32CD32 ;
background-image: url(objetos/prototipo.png) ;
background-repeat: no-repeat ;
background-position: center center ;
height:100%; }



.centrado {text-align:center}
img {border-style: none}
h1 {font-size: 2.4em; color:purple ; font-weight: bold ; text-decoration: underline ; text-align: center}

foto {background-image: url(objetos/Gran%20Poder.png);text-align:left }
JLHH · · Solicitar retirada
y otra cosa si quiero poner un parrafo a la izquierda pongo left si lo quiero a la derecha right si lo kiero en medio center¿y si lo quiero abajo?
¿y si lo quiero arriba?
Yaneth · · Solicitar retirada
Te pido una dusculpa

pero solo te daba un ejemplo

foto {background-image: url(objetos/foto.jpg);
text-align:left; margin:20px}

tiene que se asi:

#foto {background-image: url(objetos/foto.jpg);
text-align:left; margin:20px}


para que te lo reconsoca la div será así

<div id="foto"></div>

pero recuerda que estás poniendo la imagen como fondo de algo, si no tienes nada dentro de la div, pues no se verá nada

la otra forma de insertar una imagen es poniendola como tal

asi

<div id="foto">aqui debes insertar la imagen Etiquetas-imagen-Insertar imagen</div>

y en la hoja de estilos las propiedades que tendrá esa div asi:

#foto {text-align: left; margin:20px}

espero haberme explicado

saludos
JLHH · · Solicitar retirada
Esto kreo k se te olvido verlo :) siento ser tan pesao

y otra cosa si quiero poner un parrafo a la izquierda pongo left si lo quiero a la derecha right si lo kiero en medio center¿y si lo quiero abajo?
¿y si lo quiero arriba?
Yaneth · · Solicitar retirada
OK; nunca lo he intentado pero por ejemplo cuando usamos los margenes es asi:

border-left
border-right
border-top
border-bottom

pero no se si funcione par textos asi:


text-align:top (arriba)
text-align:bottom (abajo)

seria cuestion de probar

saludos
princesskro90 · · Solicitar retirada
hola como estan, tngo 1 pkño problemita. es k no puedo alinear el menu, escribo todo tal cual como lo dicn ahi y no sirve! xfa ayudenme.
aki esta la hoja d estilos!! thnxx

body {text-align: center}
#cabecera {background-color: pink }
#navegacion {background-color: gray}
#contenido {background-color: orange}
#menu {background-color: yellow; width: 150px ; float:left }
#pie {background-color: blue}
#global {width:800px ; margin: 4px auto }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu li { list-style:none }
Yaneth · · Solicitar retirada
mm
pues, copia y pega todo el codigo de la plantilla
y de la hoja de estilos, para ver que pasa

saludos
Yaneth · · Solicitar retirada
para ver lo que tienes hecho

necesito ver los codigos

habres tu plantilla selecciona todo el codigo y le das copiar

luego lo pegas aqui,

y haces lo mismo con la hoja de estilos,

pero antes de darle enviar recuerda activar la casilla de abajo que dice

deshabilitar html en este mensaje

de lo contrario no sale completo

saludos
princesskro90 · · Solicitar retirada
ok

esta es la hoja de eztilos
body {text-align: center}
#cabecera {background-color: pink }
#navegacion {background-color: gray}
#contenido {background-color: orange}
#menu {background-color: yellow; width: 150px ; float:left }
#pie {background-color: blue}
#global {width:800px ; margin: 4px auto }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu li { list-style:none }


y esta la plantilla

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>

<body>
<div id>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id= "navegacion">Barra de navegacion</div>
<div id="menu">MeNu</div>
<ul>
  • Enlace 1Elemento lista 1
  • Enlace 2Elemento lista 2
  • Enlace 3Elemento lista 3
  • Enlace 4 Elemento lista 4

    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>

    </div>

    </body>
    </html>
    thnxx
    • JorGens · · Solicitar retirada
    Te has dejado la lista del menu fuera de la capa menu...

    Tienes esto:
    <div id="menu">MeNu</div>
    <ul>
  • Enlace 1Elemento lista 1
  • Enlace 2Elemento lista 2
  • Enlace 3Elemento lista 3
  • Enlace 4 Elemento lista 4

    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>
    • Y deberia estar así:
    <div id="menu">
    <ul>
  • Enlace 1Elemento lista 1
  • Enlace 2Elemento lista 2
  • Enlace 3Elemento lista 3
  • Enlace 4 Elemento lista 4

    </div>
    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>

    • Qué tal ahora? Si lo ves un poco raro sigue leyendo las lecciones, pues en ellas se va mejorando el menú.

    Un abrazo!
    princesskro90 · · Solicitar retirada
    ah ya gracias
    y todo debe estar en amarillo cierto?
    pero segun lo k entiendo db estar naranjado¿¿¿
    gracias