Tablas en dreamweaver
Hola, quiero ver si me ayudas en algo por favor... Empeizo a dar mi primero pasos en el diseño web, estoy haciendo algunas pruebas en dreamweaver. ¿Cómo puedo hacer para crear una tabla que me sirva como un menu, que cuando pase el cursor sobre las celdas estas cambien de color? Este lo vi en una página en la web.
De antemano muchas gracias
De antemano muchas gracias
Respuesta de stoke
1
<table>
<tr><td style="color:white;background-color:black;" onMouseOver="javascript:this.style.backgroundColor = 'white'; this.style.color = 'black';" onMouseOut="javascript:this.style.backgroundColor = 'black'; this.style.color = 'white';">Item
<tr><td style="color:white;background-color:black;" onMouseOver="javascript:this.style.backgroundColor = 'white'; this.style.color = 'black';" onMouseOut="javascript:this.style.backgroundColor = 'black'; this.style.color = 'white';">Item
</table>
Ahí lo tienes, suerte!
<tr><td style="color:white;background-color:black;" onMouseOver="javascript:this.style.backgroundColor = 'white'; this.style.color = 'black';" onMouseOut="javascript:this.style.backgroundColor = 'black'; this.style.color = 'white';">Item
<tr><td style="color:white;background-color:black;" onMouseOver="javascript:this.style.backgroundColor = 'white'; this.style.color = 'black';" onMouseOut="javascript:this.style.backgroundColor = 'black'; this.style.color = 'white';">Item
</table>
Ahí lo tienes, suerte!
Excelente ya las probé y me funciona perfectamente... quiero hacerte otra pregunta relacionada a lo mismo, ¿Qué hago para ponerle un link a uno de los textos que esta en las celdas de la tabla?
Te lo agradeceré mucho...
Te lo agradeceré mucho...
Otra pregunta... ¿Tengo un pequeño formulario hecho en dreamweaver, como hago para que me llegue esa información?
En la etiqueta td agrega lo siguiente
<td .... onClick="self.open('pagina2.html','_self');"
>
Suerte!
<td .... onClick="self.open('pagina2.html','_self');"
>
Suerte!
Aquí tienes un ejemplo, este funciona con PHP y el sendmail, tu servidor los debe soportar
<?
if($_POST){
$recipient = $_POST["toemail"];
$subject = $_POST["subject"];
$mailheaders = "From: $_POST[name] <$_POST[fromemail]>";
$msg = $_POST["msg"];
if(mail($recipient, $subject, $msg, $mailheaders)){
echo "<font size=1 face=verdana><b><br><br><center>
Tu mensaje ha sido enviado, Pronto recibirás una contestación";
}else{
echo "<font size=1 face=verdana><b><br><br><center>
No se pudo enviar el mensaje, inténtalo más tarde";
}
}
?>
<script>
function validate(){
if((contactar.fromemail.value.indexOf("@") == -1) || (contactar.fromemail.value.indexOf(".") == -1)){
alert("Debe introducir una dirección de correo válida");
contactar.fromemail.select();
return false;
}
if(contactar.name.value == ""){
alert("Debe introducir su nombre");
contactar.name.focus();
return false;
}
if(contactar.fromemail.value == ""){
alert("Debe introducir su direccion de correo");
contactar.fromemail.focus();
return false;
}
if(contactar.subject.value == ""){
alert("Introduzca un titulo para su mensaje");
contactar.subject.focus();
return false;
}
if(contactar.msg.value == ""){
alert("Debe introducir el mensaje a enviar");
contactar.msg.focus();
return false;
}
return true;
}
</script>
<link rel="Stylesheet" type="text/css" href="style.css">.
<form name=contactar action=contactar.php method=post onsubmit="return validate();">
<table align=center width=600>
<tr>
<td colspan=2><font face=verdana size=2>Si desea ponerse en contacto con nosotros, puede utilizar el siguiente formulario<br><br>
<tr>
<td colspan=2>
<tr>
<td><font face=verdana size=2>Nombre
<td><font face=verdana size=2><input type=text name=name class=caja style="width:250pt" maxlength=50> *
<tr>
<td><font face=verdana size=2>Dirección de correo
<td><font face=verdana size=2><input type=text name=fromemail maxlength=50 class=caja style="width:250pt"> *
<tr>
<td><font face=verdana size=2>Asunto
<td><font face=verdana size=2><input type=text name=subject maxlength=50 class=caja style="width:250pt"> *
<tr>
<td><font face=verdana size=2>Enviar a
<td><select name=toemail class=caja style="width:250pt">
<option>[email protected]
</select>
<tr>
<td valign=top><font face=verdana size=2>Mensaje
<td><textarea cols=25 rows=10 name=msg maxlength=50 class=caja style="width:250pt"></textarea>
<tr>
<td colspan=2 align=center><br><br>
<input type=submit value=Enviar class=boton>
<input type=reset value=Borrar class=boton>
</table>
</form>
Suerte!
<?
if($_POST){
$recipient = $_POST["toemail"];
$subject = $_POST["subject"];
$mailheaders = "From: $_POST[name] <$_POST[fromemail]>";
$msg = $_POST["msg"];
if(mail($recipient, $subject, $msg, $mailheaders)){
echo "<font size=1 face=verdana><b><br><br><center>
Tu mensaje ha sido enviado, Pronto recibirás una contestación";
}else{
echo "<font size=1 face=verdana><b><br><br><center>
No se pudo enviar el mensaje, inténtalo más tarde";
}
}
?>
<script>
function validate(){
if((contactar.fromemail.value.indexOf("@") == -1) || (contactar.fromemail.value.indexOf(".") == -1)){
alert("Debe introducir una dirección de correo válida");
contactar.fromemail.select();
return false;
}
if(contactar.name.value == ""){
alert("Debe introducir su nombre");
contactar.name.focus();
return false;
}
if(contactar.fromemail.value == ""){
alert("Debe introducir su direccion de correo");
contactar.fromemail.focus();
return false;
}
if(contactar.subject.value == ""){
alert("Introduzca un titulo para su mensaje");
contactar.subject.focus();
return false;
}
if(contactar.msg.value == ""){
alert("Debe introducir el mensaje a enviar");
contactar.msg.focus();
return false;
}
return true;
}
</script>
<link rel="Stylesheet" type="text/css" href="style.css">.
<form name=contactar action=contactar.php method=post onsubmit="return validate();">
<table align=center width=600>
<tr>
<td colspan=2><font face=verdana size=2>Si desea ponerse en contacto con nosotros, puede utilizar el siguiente formulario<br><br>
<tr>
<td colspan=2>
<tr>
<td><font face=verdana size=2>Nombre
<td><font face=verdana size=2><input type=text name=name class=caja style="width:250pt" maxlength=50> *
<tr>
<td><font face=verdana size=2>Dirección de correo
<td><font face=verdana size=2><input type=text name=fromemail maxlength=50 class=caja style="width:250pt"> *
<tr>
<td><font face=verdana size=2>Asunto
<td><font face=verdana size=2><input type=text name=subject maxlength=50 class=caja style="width:250pt"> *
<tr>
<td><font face=verdana size=2>Enviar a
<td><select name=toemail class=caja style="width:250pt">
<option>[email protected]
</select>
<tr>
<td valign=top><font face=verdana size=2>Mensaje
<td><textarea cols=25 rows=10 name=msg maxlength=50 class=caja style="width:250pt"></textarea>
<tr>
<td colspan=2 align=center><br><br>
<input type=submit value=Enviar class=boton>
<input type=reset value=Borrar class=boton>
</table>
</form>
Suerte!
