Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/12/2012, 15:13
3lineas
 
Fecha de Ingreso: julio-2011
Mensajes: 113
Antigüedad: 12 años, 10 meses
Puntos: 4
como poner dos css en una misma pagina?

Hola! les comento que esto lo logre con otra pagina, en ese entonces tenia que poner 2 slider y anduvo bien pero ahora nose como hacerlo, lo que necesito es que se vea el formulario de contacto en la tabla que les marque del codigo, lo unico que hice es modificar el css para hacer mas chico al formulario que dejo link de el al final:





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
.fondoinicio {
background-image: url(imagenes/fondocontacto.jpg);
background-repeat: no-repeat;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-style: italic;
text-align: justify;
}
a:link {
color: #000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #000;
}
a:active {
text-decoration: none;
color: #000;
}
#solo {
text-align: center;
}
#negra {
font-weight: bold;
}
justificar {
text-align: justify;
}
.fondoinicio table tr td p {
text-align: justify;
}
body {
background-image: url(fondo.jpg);
background-repeat: repeat;
}
</style></head>
<body>
<table width="995" border="0" align="center">
<tr>
<td height="1133" valign="top" class="fondoinicio"><p><br />
<br />
<br />
<br />
<br />
<br />
</p>
<p>&nbsp;</p>
<table width="740" border="0" align="center">
<tr>
<td height="59" id="menu"><table width="740" border="0" align="center">
<tr>
<td width="93" height="35" align="center"><a href="index.html" target="_self"><strong>Inicio</strong></a></td>
<td width="136" align="center"><a href="tallerdejuego.html" target="_self"><strong>Taller de juego</strong></a></td>
<td width="106" align="center"><a href="educacion.html" target="_self"><strong>Educación</strong></a></td>
<td width="73" align="center"><a href="terapia.html" target="_self"><strong>Terapia</strong></a></td>
<td width="188" align="center"><a href="trabajoconpadres.html" target="_self"><strong>Trabajo con padres</strong></a></td>
<td width="102" align="center"><a href="contacto.html" target="_self"><strong>Contacto</strong></a></td>
<td width="12" align="center">&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
<br />
<table width="715" border="0" align="center" class="ws_images">
<tr>
<td><div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/10b.jpg" alt="" title="" id="wows1_0"/></li>
<li><img src="data1/images/13b.jpg" alt="" title="" id="wows1_1"/></li>
<li><img src="data1/images/14b.jpg" alt="" title="" id="wows1_2"/></li>
<li><img src="data1/images/3b.jpg" alt="" title="" id="wows1_3"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="">1</a>
<a href="#" title="">2</a>
<a href="#" title="">3</a>
<a href="#" title="">4</a>
</div></div>
<a class="wsl" href="http://wowslider.com">jQuery Slider Demo by WOWSlider.com v2.4</a>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>&nbsp;</td>
</tr>
</table> <span class="fondoinicio"></span>
<br />
<br />
<br />
<br />
<br />
<table width="589" border="0" class="ws_images">
<tr>

<td width="35">&nbsp;</td>
<td width="544" colspan="2"><img src="imagenes/separadorarriba.png" width="547" height="74" /></td>
</tr>
<tr>
<td height="131">&nbsp;</td>
<td><form class='contacto' id="formulario">
<div><label>Nombre:</label><input type='text' class='nombre' value=''></div>
<div><label>Correo electrónico:</label><input type='text' class='email' value=''></div>
<div><label>Telefono:</label><input type='text' class='telefono' value=''></div>
<div><label>Mensaje:</label><textarea rows='6' class='mensaje'></textarea></div>
<div><input type='submit' value='Enviar Mensaje' class='boton'></div>
</form>&nbsp; </p>ACA ES DONDE TIENE QUE IR EL FORMULARIO</td>
<td><p>editado<br />
editado <br />
editado<br />
editado</p>
<p>editado<br />
editado<br />
editado<br />
editado</p></td>
</tr>
<tr>
<td height="74">&nbsp;</td>
<td colspan="2"><img src="imagenes/separadorabajo.png" width="547" height="74" /></td>
</tr>
</table>
<br />
<br />
<br /></td>
</tr>
</table>
<table width="995" border="0" align="center">
<tr>
<td align="center">Pagina realizada por <a href="editado" target="_blank">editado</a></td>
</tr>
</table>
</body>
</html>








------------
bueno, algunas cosas estan editadas y le saque las meta etiquetas.
intento poner este formulario:
http://www.taringa.net/posts/hazlo-t...r-con-PHP.html
el index del formulario dice esto
<link rel='stylesheet' href='estilos.css'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script>
<script src='funciones.js'></script>
donde lo tengo que poner?

gracias y espero su ayuda y si se puede que me pasen el codigo que tengo que poner xq no entiendo nada de codigos y no suelo usar css, gracias!!