Foros del Web » Creando para Internet » Herramientas y Software »

las listas en CSS de Dreamweaver

Estas en el tema de las listas en CSS de Dreamweaver en el foro de Herramientas y Software en Foros del Web. no me obedecen las listas que creo en los estilos CSS de DReamweaver. me meto en nuevo estilo y despues de haber puesto el tipo ...
  #1 (permalink)  
Antiguo 19/11/2002, 14:50
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 22 años, 3 meses
Puntos: 5
las listas en CSS de Dreamweaver

no me obedecen las listas que creo en los estilos CSS de DReamweaver. me meto en nuevo estilo y despues de haber puesto el tipo de texto y la alineacion, ..., me voy a lista y pongo (la verdad es que da igual lo que ponga porque no me obedece ninguna opcion) circulo en tipo, ninguna en imagen, y exterior o interior, da igual. Entonces le doy a aceptar y previsualizarlo por un navegador y nada.

porque?
  #2 (permalink)  
Antiguo 19/11/2002, 15:23
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 22 años, 4 meses
Puntos: 17
Sería enriquecedor que visitaras los enlaces que te han propuesto en el mensaje anterior sobre el mismo tema, y luego vieras el código de tus páginas.
Así podrías ver tus errores y ver como solucionarlos.

Si DreamWeaver no se porta bien con los CSS, bájate TopStyle y crea los CSS con él.
__________________
M a l d i t o F r i k i
  #3 (permalink)  
Antiguo 20/11/2002, 12:40
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 22 años, 3 meses
Puntos: 5
cain he estado viendo los enlaces que me han pasado y todo parece estar bien.
Mira este es el estilo creado a partir de dreamweaver:
.lista { font-family: Arial; font-size: 10px; font-weight: bold; list-style-type: circle}

y el codigo HTML (es un ejemplo) de la pagina donde estaria la lista es:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo.css" type="text/css">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p class="lista">voz<br>
bateria<br>
bajo<br>
guitarra</p>
</body>
</html>


esto es simple, deberia obedecer la orden de lista ¿no?

ves algun error?
  #4 (permalink)  
Antiguo 20/11/2002, 14:40
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 22 años, 4 meses
Puntos: 17
p.lista { font-family: Arial; font-size: 10px; font-weight: bold; list-style-type: circle}

Aunque no se para que pones list-style-type si luego lo asignas a un <p> y no a un <li>

La idea es explicar en el estilo que etiquetas van a usar esa clase, por si se te ocurre hacer clases con el mismo nombre para objetos diferentes.
__________________
M a l d i t o F r i k i
  #5 (permalink)  
Antiguo 20/11/2002, 17:08
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 22 años, 3 meses
Puntos: 5
cain el codigo lo ha generado dreamweaver yo no he incluido nada.
pero si me dices lo de que se lo aplico a un <p> en lugar de a un <li>, no lo entiendo, porque ya te digo que yo no toco el codigo.

y no entendido porque pones al cominezo del CSS: "p. lista"?

influye tambien a que es lo que yo le quiero aplicar el estilo "lista" de los CSS? te lo digo porque como veras a lo que le he aplicado eran unos simples nombres, uno debajo del otro. ¿eso importa?
  #6 (permalink)  
Antiguo 21/11/2002, 18:26
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 22 años, 3 meses
Puntos: 5
creo que lo he solucionado cain. Joder era una tonteria de todas formas confirmamelo no vaya a estar metiendo la pata (cualquier otro que lo sepa le estaria muy agradecido que me lo dijera), el problema es que yo no le aplicaba un estilo de lista CSS a una lista sino a un texto cualquiera. Claro por eso me decias que no estendias porque le estaba aplicando el estilo a un parrafo (p).

Pero hay una duda que me queda si yo para hacer valer los estilos de lista CSS tengo que aplicarselo a una lista HTML, no se creara un conflicto de codigo, por juntar CSS y HTML? no se si me entendeis, espero que si

un saludo.
  #7 (permalink)  
Antiguo 22/11/2002, 05:38
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 22 años, 3 meses
Puntos: 5
una ultima cosa:

para cuando quieres tabular un poquito el texto (osea una pequeña sangria), para algunos parrafos de un bloque de texto.

¿tengo que crear un nuevo estilo CSS o puedo hacer otra cosa?
  #8 (permalink)  
Antiguo 24/11/2002, 10:39
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 22 años, 3 meses
Puntos: 5
ya no se si lo que me trae mas por el camino de la amargura es el tabular un poco un texto o la capacidad que tengo para crear listas que se coloquen donde quieran sin yo controlar nada.

y esto que os pongo a continuacion es un ejemplo.
Primero no entiendo porque si quiero poner una lista (como es el caso de la segunda que aparece en el codigo) a unos 6 pixels del lado izquierdo, porque se pone ahi.

Sin contar que la ultima lista del codigo aparece con un interlineado gigante.
A la primera lista no le he aplicado el estilo CSS.

TAmbien podriais decirme porque en ocasiones las lineas largas cuando no te caben en una linea y se parten en dos, porque la continuacion a veces la comienza justo debajo del comienzo de la lonea superior y otras veces justo debajo del punto o cuadradito o lo que sea de la lista. <html>

decirme algo si lo entendeis.

<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="file:///Macintosh%20HD/Aplicaciones/Dreamweaver%203/sites/precomar%20carpeta/estilo.css" type="text/css">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<li class="lista"> hola que tal</li>
<li class="lista">cuanto tiempo</li>
<li class="lista">como va</li>
<ul>
<li class="lista">Seguimiento de causas judiciales de personas con problemas.</li>
<li class="lista">Seguimiento de personas en prsi&oacute;n.<</li>
<li class="lista">Asesoramiento juridico penal y civil.</li>
</ul>
<p class="textocomun"><br>
<ul>
<li class="textocomun"><span class="lista">Todo tipo de ensobrado</span></li>
<li class="textocomun"><span class="lista">Carpetas, folletos etc.</span></li>
<li class="textocomun"><span class="lista">Montaje de cajas y embasado.</span></li>
<li class="textocomun"><span class="lista"> Reparto de publicidad.</span></li>
<li class="textocomun"><span class="lista">Todo alzada de imprenta.</span></li>
<li class="textocomun"><span class="lista">Y todo aquello que es manipuladci&oacute;n
de papel, carton, plastico y derivados.</span> </li>
</ul>
<p>&nbsp;</p>
</body>
</html>

el estilo de la lista es este: .lista { font-family: Arial; font-size: 10px; font-weight: bold; list-style-type: square; text-align: left; list-style-position: inside}
  #9 (permalink)  
Antiguo 24/11/2002, 16:16
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 22 años, 3 meses
Puntos: 5
mas de lo mismo:

con este estilo: .lista { font-family: Arial; font-size: 10px; font-weight: bold; list-style-type: square; text-align: left; list-style-position: inside; margin-top: 1px; margin-right: 15px; margin-bottom: 1px; margin-left: 1px}
.textocomun { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: left; margin-top: 12px; margin-right: 10px; margin-left: 10px}

Aplico el mismo estilo a estos dos textos distintos y se comportan de formas distintas. Uno me aparece tabulado a la distancia que corresponde y en cambio el otro aparece encajado a los bordes, sin nada de margen.

¿PORQUE?



<td width="372" height="770" colspan="6" rowspan="15" valign="top" bgcolor="#F5F5F5" class="textocomun">
Estas son algunas de las noticias que han salido publicadas en periodicos
nacionales, provinciales y locales acerca de PRECOMAR. Si deseas ver el
original de la noticia completa <a href="noticias.doc">pincha aqui.</a></td>

--------------------------------------------------------------------------------------------------

<td width="372" height="770" colspan="6" rowspan="15" valign="top" bgcolor="#F5F5F5">
<p class="textocomun">&iquest;Que es Precomar?<br>
<br>
Precomar es una asociaci&oacute;n sin animo de lucro fundad en el a&ntilde;o
1993 en la localidad de Parla (Madrid) Espa&ntilde;a, por un grupo de
Jovenes que por sus conocimientos y por sus inquietudes decidieron fundarla
para ayuda a personas necesitadas.<br>
<br>
En sus comienzos empezo trabajando con ni&ntilde;os y jovenes en el campo
de la prevenci&oacute;n de drogas y alcoholismo dentro del municipio y
posteriormente toda la Comunidad de Madrid.<br>
<br>
Dentro de este trabajo y al hacerlo mas extensibles nos fuimos especializando
en el campo de lo Judicial, ya que casi todos los jovenes con los que
trabajabamos por diferentes motivos tenian problemas con la justicia y
es a partir de ahi cuando tomamos contacto con el trabajo con internos
de prisiones de toda la Comunidad de Madrid y posteriormente del resto
de Espa&ntilde;a.<br>
<br>
Nuestro trabajo es compensado por el gran numero de resultados resueltos
durante estos a&ntilde;os por lo que podriamos decir que somos una de
las entidades de toda Espa&ntilde;a especializada en resolver asuntos
con la justicia de forma sastifactoria y por ello es reconocido publicamente
nuestro trabajo en diferentes medios y en el municipio de Parla con la
entrega de una placa por Ayuntamiento de Parla.</p>
<p>&nbsp;</p>
</td>
  #10 (permalink)  
Antiguo 25/11/2002, 10:04
 
Fecha de Ingreso: noviembre-2002
Ubicación: Washington, DC
Mensajes: 822
Antigüedad: 21 años, 5 meses
Puntos: 5
00israel,

Estas utilizando el estilo de textocomun en ambos casos, pero en el primer caso se lo estás adhiriendo al <td> como un todo, no al texto en si.

Fijate en el segundo, usas <p class="textocomun"> blahblah....y al final cierras todo el parrafo textual (parrafos) con el </p>

Intenta eliminando del primer caso el class="textocomun"> y cambialo por:
<p class="textocomun">Estas son algunas de las noticias que han salido publicadas en periodicos nacionales, provinciales y locales acerca de PRECOMAR. Si deseas ver el original de la noticia completa <a href="noticias.doc">pincha aqui.</a></p></td>

Buena suerte.
__________________
Yanira
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:14.