Comunidad de diseño web y desarrollo en internet online

¿Se puede aplicar un "class" a un "id"?

Citar            
MensajeEscrito el 22 Ene 2008 11:07 pm
Se puede aplicar un class a un id?

Lo que necesito es un fondo transparente que ocupe exactamente lo que ocupe el texto (+ el padding claro).

Y no lo puedo separar.

Se me ha ocurrido eso,
El encabezado es el h5,

Algo así como h5 background { ... (Es una reseña para que veaís la idea)

¡A ver si me podeís echar una mano!

Por avito23

23 de clabLevel



 

Córdoba

msie7
Citar            
MensajeEscrito el 22 Ene 2008 11:09 pm
* No lo puedo separar pq el código es generado por un gestor de contenidos y solo le puedo retocar desde la css y el template html.

Por avito23

23 de clabLevel



 

Córdoba

msie7
Citar            
MensajeEscrito el 22 Ene 2008 11:12 pm
o
p h5 { ...

(Tampoco funciona, pero seguro que hay algún código de estos que rula)

Por avito23

23 de clabLevel



 

Córdoba

msie7
Citar            
MensajeEscrito el 23 Ene 2008 12:40 am
No entiendo nada.
¿Quieres poner fondo a un texto?
¿Y cual es el problema?
Puedes usar cualquier etiqueta para encerrar el texto, y aplicarle a ella el fondo.
Se me ocurre:
<style>
.sinMargenes {padding:10px 100px; background-image:url('imagen.jpg');}
</style>
<body>
<span class="con_fondo">hola</span>
</body>

Lo que preguntas, no viene a cuento para tu duda, pero sí:
sí se puede poner "class" e "id" a una misma etiqueta. Ejemplo:
<span class="con_fondo" id="fondo_especial">hola</span>

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 23 Ene 2008 04:20 am
claro que se puede aplicar una clase a un id.
intentaré expicar.

tenemos lo básico, identificadores y clases:

Código :

<div class="margen"></div>
<div id="contenido"></div>
.margen{
      propiedad:valor;
}
#contenido{
      propiedad:valor;
}

bien, pero podemos vincular clase e identificador a un mismo objeto

Código :

<div id="contenido" class="margen"></div>
.margen{
      propiedad:valor;
}
#contenido{
      propiedad:valor;
}


pero si queremos darle una propiedad a un elemento que tenga el id Y la clase (es decir, excluyente) hacemos lo siguiente:

Código :

<div id="contenido" class="margen"></div>
#contenido.margen{
      propiedad:valor;
}


sólo ten cuidado de no confundirte, no usar el espacio entre el id y la clase significa que ambos son el mismo elemento, diferente a usar espacio, que significan que el primero es padre del segundo

Código :

<div id="contenido"><span class="margen"></span></div>
#contenido .margen{
      propiedad:valor;
}


espero haberme explicado

suerte, un saludo

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 23 Ene 2008 09:10 am
Mira,
Tengo que hacer que lo que yo ponga en h5 se vincule a un class o id (x) automaticamente, que lleve el background-color con opacidad. (He dicho que se genera automaticamente)
Por el tema del z-index, para que no me deje transparente tb el texto.

He cometido un error antes, en este caso no puedo tocar el html, tiene que ser una vinculación SOLO EN CSS,

Y el HTML solo genera h5 y no tengo opción para meterle ni span ni class ni id, porque va en un formulario.
Y eso no se puede cambiar, pq el gestor no lo permite, no coge el html al ser el encabezado (header) del texto e IR SEPARADO DEL TEXTO (p), donde el gestor si coge html.

Venga, a ver si encontramos una solución, yo sigo probando cosas.

Gracias

Por avito23

23 de clabLevel



 

Córdoba

msie7
Citar            
MensajeEscrito el 23 Ene 2008 09:12 am
También, hago un matiz la imagen no siempre va a medir lo mismo entonces no me vale, lo de hacer un id para solo la barra y otro para el h5, insisto. Solo en CSS.

Por avito23

23 de clabLevel



 

Córdoba

msie7
Citar            
MensajeEscrito el 23 Ene 2008 10:50 am
Hoy tengo una mala semana... no entiendo nada de nada.
¿Por qué no pones el código HTML que entra en este problema?
Describe mejor los problemas... que muchas veces nos cuesta entenderlos...

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 23 Ene 2008 10:11 pm
Mira, es así de sencillo.

Tengo un gestor, en él tengo un editor de texto enriquecido, con todos los botones de negrita, alineacion centro, derecha izda.. lo típico.

Hay va el texto normal (p) y puedo meter h1, h2, pero no tienen link, tendría que ponerlo uno por uno y eso ha de estar automatizado.

¿Por´qué no puedo meter código html?
Porque el título (tiene link) no esta dentro de ese editor sino en una cajita de introduccion de texto que esta más arriba en este backend.

Y tengo una cajita de formulario donde puedo elegir, (por defecto) encabezado 1, encabezado 2... y ello lo vincula automaticamente a la css, h1, h2.

Si al h5 (Es el que uso) le doy un color de fondo y z index para que qede por encima funciona perfectamente.
Pero le quiero meter opacidad y entonces tb me nubla la letra y por ello tiene que ser algo que genere detras del h5 un fondo que mida lo mismo que el texto, (respetando el margin o padding claro)

Por avito23

23 de clabLevel



 

Córdoba

msie7
Citar            
MensajeEscrito el 23 Ene 2008 10:56 pm
Lo siento... pero no entiendo.
Espero que alguien pueda...
:crap:
(aunque sigo pensando, que lo mejor es que pongas el código HTML y/o ruta de la página en cuestión)

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 25 Ene 2008 08:56 am
OK, omitiré la explicación del entuerto.

Tengo un h5 y tengo que vincularle un class externo (Que marque que el color de fondo sea -negro- al 70% x ej de transparencia) y solo puedo modificarlo en CSS.

¿Por qué? Porque si en el mismo h5 pongo color de fondo y texto, 'opacy' me deja todo transparente y el texto tiene que ser opaco.

La solución (que no funciona, claro) sería algo así:

h5 {
font-family: "Arial";
font-size: 22px;
font-weight: bolder;
color: #ffffff;
position: absolute;
z-index:2;
width:350px;
CLASS: 'barra';
}

barra {
width:350px;
background-color:#000000;
-moz-opacity:.70;
opacity:.70;
filter:alpha(opacity=70);
}

Ese CLASS: 'barra' es lo que quiero meter de alguna manera.

Por avito23

23 de clabLevel



 

Córdoba

msie7
Citar            
MensajeEscrito el 25 Ene 2008 08:57 am
Falta el z-index:1; en la barra claro

Por avito23

23 de clabLevel



 

Córdoba

msie7
Citar            
MensajeEscrito el 25 Ene 2008 10:41 am
Vamos a ver.
Sigo diciendo, que deberías expresarte mejor.
Lo que describes, se parece enormemente a lo que conseguías en este otro sitio:
<<Un texto opaco, sobre un fondo transparente.>>

De hecho, empiezas igual:
Aquí empiezas:
Lo que necesito es un fondo transparente que ocupe exactamente lo que ocupe el texto [...]
Y en el otro:
Alguien conoce el codigo para meter una barra alfa (transparencia) azul dentro de una imagen y que ocupe lo que ocupe el texto [...]?

:twisted:
¿Cómo se solucionó allí?
Pues creando dos capas DISTINTAS
¿porqué?
Porque si un elemento es transparente, lo que sea que contenga también lo será.
(y eso parece inevitable aún posponiendo un "!important")

Así que te recomiendo que te mires a fondo CSS, pues veo que lo llevas un poco verde, y es vital para desarrollar con corrección.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 27 Ene 2008 11:59 pm
Y yo a tí te recomiendo que te leas un par de libros.
A ver si así le quitas el óxido a tus neuronas.

El título del tema lo dice bien claro, no quiero dos capas, quería que cuando se declare el class h5, sin declarar el otro class, saliera el fondo transparente con la misma longitud del h5.

Y ahora entiéndelo, "En clave de humor"

;)

Por avito23

23 de clabLevel



 

Córdoba

msie7
Citar            
MensajeEscrito el 28 Ene 2008 12:16 am
Deberías dar a Rizome el mínimo respeto que se merece, una persona que está perdiendo su tiempo en que tú, un ignorante en el CSS aprendas a hacer algo que tú mismo has pedido que te sea explicado y además le insultas. No creo que nadie de este foro debiera contestarte, por la mera cortesía que prestas a quien intenta ayudarte.

Quizás por el mínimo respeto que me mereces debería comentarte que solo es factible con dos clases o dos capas. Porque todo a lo que le apliques una clase respetara esa clase aunque sean etiquetas hijo.

Rizome te ha dado la solución tal y como él cree que se hace y suele acertar, tu eres quien decide si hacerlo de ese modo o hacerlo como desees.

Por Avaltel 2.0

22 de clabLevel



 

firefox
Citar            
MensajeEscrito el 28 Ene 2008 12:43 am
cerrado, avito23, cuando pidas ayuda, acepta la que te den con gusto. aquí a nadie se le paga ni retribuye por el tiempo y esfuerzo puesto por poner una solución.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.