Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Modificar atributos añadiendo código antes o después

Estas en el tema de Modificar atributos añadiendo código antes o después en el foro de HTML en Foros del Web. He abierto hilo nuevo ya que he llegado a la conclusión de que el problema que tenía antes no estaba bien enfocado. He observado que ...
  #1 (permalink)  
Antiguo 17/10/2017, 21:02
Avatar de Pip
Pip
 
Fecha de Ingreso: noviembre-2003
Ubicación: Málaga
Mensajes: 280
Antigüedad: 20 años, 5 meses
Puntos: 0
Modificar atributos añadiendo código antes o después

He abierto hilo nuevo ya que he llegado a la conclusión de que el problema que tenía antes no estaba bien enfocado. He observado que la solución a mi problema pasa por saber si es posible añadir código html o css antes o después de código como el que sigue para lograr controlar sus atributos ya que, por ejemplo, el siguiente código establece el color de fondo del texto en las etiquetas <mark> de color blanco y si metemos todo este código en una tabla y le decimos que ocupe el 80% de pantalla, no hará ni caso.

Cita:
<div class="par" style='box-sizing: border-box; margin: 0px 0px 1em; padding: 0.3em 0px 0px; border: 0px; font-variant-numeric: inherit; font-stretch: inherit; font-size: 17.3333px; line-height: inherit; font-family: "Arial Unicode MS", "Lucida Sans Unicode", "Liberation Sans", "DejaVu Sans", "TITUS Cyberbit Basic", Verdana, Arial, Helvetica, sans-serif; vertical-align: baseline; letter-spacing: 0.015em; color: rgb(0, 0, 0); background-color: rgb(232, 232, 232) !important;'><p class="n2" style="box-sizing: border-box; margin: 0em 0px 0.3em; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 1em; line-height: initial; font-family: Tinos; vertical-align: baseline; letter-spacing: 0.015em; color: rgb(0, 128, 0);">Del&nbsp;<abbr title="latín" style="box-sizing: border-box; margin: 0px; padding: 0px; border-width: 0px; border-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: initial; font-family: inherit; vertical-align: baseline; color: inherit; letter-spacing: 0.015em; cursor: pointer;">lat.</abbr>&nbsp;<em style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: initial; font-family: inherit; vertical-align: baseline; letter-spacing: 0.015em;">albēdo</em>&nbsp;'blancura'.</p></div><p class="j" id="0fI3x5l" style='box-sizing: border-box; margin: -5px 0px 0.5em; padding: 0px; border: 0px; font-variant-numeric: inherit; font-stretch: inherit; font-size: 17.3333px; line-height: inherit; font-family: "Arial Unicode MS", "Lucida Sans Unicode", "Liberation Sans", "DejaVu Sans", "TITUS Cyberbit Basic", Verdana, Arial, Helvetica, sans-serif; vertical-align: baseline; letter-spacing: 0.015em; color: rgb(0, 0, 0);'><span class="n_acep" style="box-sizing: border-box;margin: 0px;padding: 0px;border: 0px;font-style: inherit;font-variant: inherit;font-weight: bold;font-stretch: inherit;font-size: inherit;line-height: inherit;font-family: inherit;vertical-align: baseline;letter-spacing: 0.015em">1.&nbsp;</span><abbr class="d" title="nombre masculino" style="box-sizing: border-box; margin: 0px; padding: 0px; border-width: 0px; border-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; color: rgb(0, 112, 192); letter-spacing: 0.015em; cursor: pointer;">m.</abbr>&nbsp;<abbr class="c" title="Física" style="box-sizing: border-box; margin: 0px; padding: 0px; border-width: 0px; border-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; font-style: italic; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; color: rgb(0, 112, 192); letter-spacing: 0.015em; cursor: pointer;">Fís.</abbr>&nbsp;<mark data-id="UOPJ9JT" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">Proporción</mark>&nbsp;<mark style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em; cursor: pointer;">existente</mark>&nbsp;<mark data-id="FkLKqOW|FkNx2AZ" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">entre</mark>&nbsp;<mark data-id="ESraxkH|MiZ5vEt|NWnohQu" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">la</mark>&nbsp;<mark style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em; cursor: pointer;">energía</mark>&nbsp;<mark style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">luminosa</mark>&nbsp;<mark style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">que</mark>&nbsp;<mark style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">incide</mark>&nbsp;<mark data-id="EuPaWdO" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">en</mark>&nbsp;<mark data-id="b67JJSq|b6hEWeB|b6iKApr" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em; cursor: pointer;">una</mark>&nbsp;<mark style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">superficie</mark>&nbsp;<mark style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">y</mark>&nbsp;<mark data-id="ESraxkH|MiZ5vEt|NWnohQu" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">la</mark>&nbsp;<mark style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">que</mark>&nbsp;<mark style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em;">se</mark>&nbsp;<mark style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: white; color: inherit !important; letter-spacing: 0.015em; cursor: pointer;">refleja</mark>.</p>
Necesito hallar una solución añadiendo código, aunque fuera uno distinto para cada etiqueta en una hoja de estilos, porque he de procesar infinidad de código como este y no puedo modificarlo a mano.

Si no tiene solución este problema, agradecería que me lo dijérais. Muchas gracias.
__________________
por Pip
  #2 (permalink)  
Antiguo 17/10/2017, 21:35
Avatar de Pip
Pip
 
Fecha de Ingreso: noviembre-2003
Ubicación: Málaga
Mensajes: 280
Antigüedad: 20 años, 5 meses
Puntos: 0
Respuesta: Modificar atributos añadiendo código antes o después

Como seguía sin poder irme a dormir sin solucionar esto pese a que son las 5:37 de la madrugada, decir que he hallado la solución a una parte del problema, utilizando:

Cita:
mark {
background-color: transparent !important;
width:90% !important;
}
He conseguido anular el color de fondo blanco que había en todas las etiquetas <mark>, sin embargo, sigo sin poder hacer que el conjunto del código se adapte a un porcentaje concreto de anchura, aunque probé (por si acaso) a forzar a todas las etiquetas que aparecían en el código haciendo:

Cita:
table {
width:90% !important;
}

mark {
background-color: transparent !important;
width:50% !important;
}
div {
width:50% !important;
}
p {
width:50% !important;
}
abbr {
width:50% !important;
}
em {
width:50% !important;
}
span {
width:50% !important;
}
u {
width:50% !important;
}
a {
width:50% !important;
}
Pero de nada sirvió porque el texto sigue ocupando el ancho que quiere. Lo dicho, ojalá alguien sepa la solución de esto
__________________
por Pip

Última edición por Pip; 17/10/2017 a las 21:36 Razón: El código no estaba como cita
  #3 (permalink)  
Antiguo 18/10/2017, 09:41
Avatar de Pip
Pip
 
Fecha de Ingreso: noviembre-2003
Ubicación: Málaga
Mensajes: 280
Antigüedad: 20 años, 5 meses
Puntos: 0
Respuesta: Modificar atributos añadiendo código antes o después

El tema acabó solucionándose aquí.
__________________
por Pip

Etiquetas: atributos, etiqueta, modificar
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 07:59.