Foros del Web » Creando para Internet » HTML »

html con estilo en linea

Estas en el tema de html con estilo en linea en el foro de HTML en Foros del Web. Foreros!!! Necesito con urgencia de su ayuda. Tengo varias paginas html con estilo en linea y debo de unirlos a todos pero manteniendo los archivos ...
  #1 (permalink)  
Antiguo 16/07/2012, 08:09
 
Fecha de Ingreso: enero-2011
Mensajes: 1
Antigüedad: 13 años, 3 meses
Puntos: 0
html con estilo en linea

Foreros!!!
Necesito con urgencia de su ayuda. Tengo varias paginas html con estilo en linea y debo de unirlos a todos pero manteniendo los archivos independientes.
Se que en php esta el include, que nos ayuda a realizar esto pero...no funciona. Para explicar esto de mejor forma le explico.

este es un gráfico creado desde html con posicionamiento fijo
////////////Inicio del código
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
</head>
<body>
<table cellpadding='0' cellspacing='0' border='0'>
<tr align='top' valign='top'>
<td width='420' height='230' style='position: fixed; top: 1 px; Left: 5 px' >
</br>
<p style='font-family: arial, helvetica, sans-serif; font-size: 25px; left: 30px; position: fixed; top: -15px; '>Los 10 usuarios que más navegaron</p>
<p style='font-size: 1; left: 50px; position: fixed; top: 235px; '>0 b</p>
<p style='font-size: 1; left: 23px; position: fixed; top: 215px; '>11,8 M</p>

<p style='font-size: 1; left: 14px; position: fixed; top: 195px; '>23,61 M</p>
<p style='font-size: 1; left: 14px; position: fixed; top: 175px; '>35,41 M</p>
<p style='font-size: 1; left: 14px; position: fixed; top: 155px; '>47,21 M</p>
<p style='font-size: 1; left: 14px; position: fixed; top: 135px; '>59,02 M</p>
<p style='font-size: 1; left: 14px; position: fixed; top: 115px; '>70,82 M</p>
<p style='font-size: 1; left: 14px; position: fixed; top: 95px; '>82,62 M</p>
<p style='font-size: 1; left: 14px; position: fixed; top: 75px; '>94,43 M</p>
<p style='font-size: 1; left: 5px; position: fixed; top: 55px; '>106,23 M</p>
<p style='font-size: 1; left: 5px; position: fixed; top: 35px; '>118,03 M</p>

<img src='black.png' width='2' height='200' alt='' style='top: 60px; left: 95px; position: fixed; '/>
<img src='black.png' width='360' height='2' alt='' hspace='35' vspace='5' style='top: 255px; left: 60px; position: fixed; '/>
<p style='font-size: 1; left: 98px; position: fixed; top: 248px; '>01</p>
<p style='font-size: 1; left: 134px; position: fixed; top: 248px; '>02</p>
<p style='font-size: 1; left: 170px; position: fixed; top: 248px; '>03</p>
<p style='font-size: 1; left: 206px; position: fixed; top: 248px; '>04</p>
<p style='font-size: 1; left: 242px; position: fixed; top: 248px; '>05</p>
<p style='font-size: 1; left: 278px; position: fixed; top: 248px; '>06</p>
<p style='font-size: 1; left: 314px; position: fixed; top: 248px; '>07</p>
<p style='font-size: 1; left: 350px; position: fixed; top: 248px; '>08</p>

<p style='font-size: 1; left: 386px; position: fixed; top: 248px; '>09</p>
<p style='font-size: 1; left: 422px; position: fixed; top: 248px; '>10</p>
<img src='red.png' width='28' height='199' alt='' style='top: 61px; left: 97px; position: fixed; '/><!-- 1 elemento -->
<img src='red.png' width='28' height='155' alt='' style='top: 105px; left: 133px; position: fixed; '/><!-- 1 elemento -->
<img src='red.png' width='28' height='137' alt='' style='top: 123px; left: 169px; position: fixed; '/><!-- 1 elemento -->
<img src='red.png' width='28' height='105' alt='' style='top: 155px; left: 205px; position: fixed; '/><!-- 1 elemento -->
<img src='red.png' width='28' height='100' alt='' style='top: 160px; left: 241px; position: fixed; '/><!-- 1 elemento -->
<img src='red.png' width='28' height='89' alt='' style='top: 171px; left: 277px; position: fixed; '/><!-- 1 elemento -->
<img src='red.png' width='28' height='86' alt='' style='top: 174px; left: 313px; position: fixed; '/><!-- 1 elemento -->
<img src='red.png' width='28' height='70' alt='' style='top: 190px; left: 349px; position: fixed; '/><!-- 1 elemento -->
<img src='red.png' width='28' height='68' alt='' style='top: 192px; left: 385px; position: fixed; '/><!-- 1 elemento -->
<img src='red.png' width='28' height='58' alt='' style='top: 202px; left: 421px; position: fixed; '/><!-- 1 elemento -->
<td width='300' height='240' align='left' style='top: 10px; left: 500px; position: fixed; '>
LEYENDA</br>

</br>
01- haeduc</br>
02- robertog</br>
03- eliezer</br>
04- relvis</br>
05- manolito</br>
06- susanay</br>
07- mayhebe</br>
08- vicente</br>

09- eddy</br>
10- yoel</br>
</td>
</tr>
</br>
<table cellpadding='0' cellspacing='0' border='1' style='position: fixed; top: 300px; '> <!-- tabla de datos -->
<tr>
<td align='center' height='25' width='25'>No</td>
<td align='center' width='250'>Dato</td>
<td align='center' width='150'>Valor</td>
</tr>

<tr>
<td align='center' height='25' width='25'>01</td>
<td align='left' width='250'>&nbsp&nbsphaeduc</td>
<td align='right' width='150'>118,03 M</td>
</tr>
<tr>
<td align='center' height='25' width='25'>02</td>
<td align='left' width='250'>&nbsp&nbsprobertog</td>
<td align='right' width='150'>91,58 M</td>
</tr>
<tr>
<td align='center' height='25' width='25'>03</td>

<td align='left' width='250'>&nbsp&nbspeliezer</td>
<td align='right' width='150'>80,86 M</td>
</tr>
<tr>
<td align='center' height='25' width='25'>04</td>
<td align='left' width='250'>&nbsp&nbsprelvis</td>
<td align='right' width='150'>62,34 M</td>
</tr>
<tr>
<td align='center' height='25' width='25'>05</td>
<td align='left' width='250'>&nbsp&nbspmanolito</td>
<td align='right' width='150'>59,29 M</td>

</tr>
<tr>
<td align='center' height='25' width='25'>06</td>
<td align='left' width='250'>&nbsp&nbspsusanay</td>
<td align='right' width='150'>52,86 M</td>
</tr>
<tr>
<td align='center' height='25' width='25'>07</td>
<td align='left' width='250'>&nbsp&nbspmayhebe</td>
<td align='right' width='150'>51,19 M</td>
</tr>
<tr>
<td align='center' height='25' width='25'>08</td>

<td align='left' width='250'>&nbsp&nbspvicente</td>
<td align='right' width='150'>41,79 M</td>
</tr>
<tr>
<td align='center' height='25' width='25'>09</td>
<td align='left' width='250'>&nbsp&nbspeddy</td>
<td align='right' width='150'>40,5 M</td>
</tr>
<tr>
<td align='center' height='25' width='25'>10</td>
<td align='left' width='250'>&nbsp&nbspyoel</td>
<td align='right' width='150'>34,72 M</td>

</tr>
</table>
</table>
</body>
</html>

////////////fin del código
Lo que pasa es que cuando pongo varios de estos gráficos en un php con include se me mezclan los dos, mi pregunta ¿como puedo insertarlos en un solo archivo sin cambiar nada de cada uno de los gráficos?
  #2 (permalink)  
Antiguo 17/07/2012, 09:35
Avatar de poncharelo_69  
Fecha de Ingreso: octubre-2011
Ubicación: Queretaro
Mensajes: 86
Antigüedad: 12 años, 5 meses
Puntos: 10
Respuesta: html con estilo en linea

Primero tus estilos los puedes poner en un archivo css (ejemplo: estilo.css) y dentro del html lo llamas mediante:

Código HTML:
<link rel="stylesheet" href="archivo_del_estilo" /> 
De esta manera es como se organizan los estilos en un lado y el codigo en otro.

Etiquetas: estilo, fixed, php, posisionamiento, position, tabla, table
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 10:34.