Últimos Temas de: adamsst

Mostrar Temas
Páginas: 1 [2]

Programación / Desarrollo Web / [ayuda]como arreglar estas etiquetas div una al lado de otra

en: 18 Julio 2013, 07:19 am

hola a todos anteriormente me dijeron que en vez de tablas utilizara etiquetas div y bueno eso era lo que al principio pensaba hacer pero yo me manejo mucho mejor con tablas pero siempre me han dicho no uses tablas usa etiquetas div y bueno me anime a salir de las benditas tablas y empezar con las div

pero siempre me pasa lo mismo y ahora deseo que me ayuden a solucionar este problema

[align=center]asi se deberia ver la pagina que estoy haciendo esto lo logre con tablas[/align]

[align=center]y asi me quedo luego que empece a probar con etiquetas div[/align]

como hago para que el diseño de abajo me quede como el de arriba

aca el codigo html

Código:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />

</head>

<body>






<div id="fotoderecha"><img src="images/Sin título-1.png" width="87px" height="108px" /></div>

<div id="central"><p>Tratamientos Cosmeticos Faciales y Corporales</p></div>

<div id="fotoizquierda"><img src="images/Sin título-2.png" width="135px" height="108px" /></div>    
    
  



<div id="contenedordebotones"><table align="center" width="58%">
  <tr>
    
    <td class="boton1"><a>Inicio</a></td>
    <td class="boton2"><a>Tratamientos Corporales</a></td>
    <td class="boton3"><a>Tratamientos Faciales</a></td>
    <td class="boton4"><a>Contacto</a></td>
    
  </tr>
</table>


</div>


<div id="cuerpo">

    
<img src="images/imagen_inicio.fw.png" width="100%" height="100%" />




</div>



</body>
</html>

y aca el codigo css

Código:





#fotoderecha{
	
	float: left;
	
	}

#central{
	font-family: "Monotype Corsiva";
	font-size: 30px;
	background-color: #996600;
	height: 109px;
	text-align: center;	
	border-width: 1px; border-style: solid; border-color: black;
	float: left
	
	}

#fotoizquierda{
	
	
	
	
	
	}




#contenedordebotones{margin-top: 8px;
	font-family: "Monotype Corsiva";
	width: 100%;
	line-height: 120%;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	color: #000;
	background-color: #C03;	
	border-width: 1px; border-style: solid; border-color: black;}


.boton1 a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }

	 


.boton2  a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }



.boton3  a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }




.boton4  a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }








#cuerpo {
	margin-top: 3px;
	border-width: 1px; border-style: solid; border-color: black;
	
}

gracias a quien me pueda ayudar

Programación / Desarrollo Web / porque no queda la imagen donde yo quiero [resuelto]

en: 18 Julio 2013, 00:19 am

hola a todos estoy practicando un poco de html y css y bueno decidi colocar una imagen que consegui en internet y dicha imagen queda muy por debajo del sitio donde yo deseo que quede esta misma

[align=center]aca les dejo una imagen para que vean mi problema[/align]

aca les dejo el codigo html

Código:


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />

</head>

<body>




<div id="header">


<table width="100%" height="109px">
  <tr>
    <td><img src="images/Sin título-1.jpg" width="87" height="108" /></td>       
    <td class="central"><p>Tratamientos Cosmeticos Faciales y Corporales</p></td>
    <td><img src="images/Sin título-2.jpg" width="135" height="108" align="right" /></td>
  </tr>
</table>

</div>


<div id="contenedordebotones"><table align="center" width="58%">
  <tr>
    
    <td class="boton1"><a>Inicio</a></td>
    <td class="boton2"><a>Tratamientos Corporales</a></td>
    <td class="boton3"><a>Tratamientos Faciales</a></td>
    <td class="boton4"><a>Contacto</a></td>
    
  </tr>
</table>


</div>


<div id="cuerpo">

    
<img src="images/imagen_inicio.png" width="1440" height="762" />




</div>



</body>
</html>

y aca el codigo css

Código:




#header{
	
	height: 109px;
	
}


.central{
	font-family: "Monotype Corsiva";
	font-size: 30px;
	background-color: #996600;
	height: 109px;
	text-align: center;	
	border-width: 1px; border-style: solid; border-color: black;
	
	
	}






#contenedordebotones{margin-top: 8px;
	font-family: "Monotype Corsiva";
	width: 100%;
	line-height: 120%;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	color: #000;
	background-color: #C03;	
	border-width: 1px; border-style: solid; border-color: black;}


.boton1 a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }

	 


.boton2  a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }



.boton3  a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }




.boton4  a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }








#cuerpo {
	
	
	
}

gracias a quien me pueda ayudar

13	Programación / Programación C/C++ / [ayuda]como uso una librería gráfica para programar	en: 3 Agosto 2012, 18:08 pm
hola a todos estoy empezando un curso de programación de c, c++, perl y phyton , este curso va orientado hacia el software libre osea linux.... prácticamente programo usando el editor de textos (gedit) y la terminar aunque el curso esta demasiado bueno se programa a la vieja usansa de lo cual no me quejo (usando puro un editor de texto gedit (block de notas su equivalente en windows) y la terminar para compilar el codigo hasta alli me parece super bien pero me gustaria agregarle botones, color, area de texto, Formularios etc (algo asi como el visual estudio) si alguien me explicara como se agregan estas librerias (para ser usadas en gedit y la terminal) estaria muy agradecido y tambien me cuentan que hay librerias en 3D no se sinceramente si el agregar una libreria es solo colocar un codigo al principio del programa o es algo mas profundo para mi esto es una libreria que se coloca en c antes de programar #include<stdio.h> para mi estas son librerias que se ponen en c++ antes de programar #include<fstream>//biblioteca para el manejo de ficheros #include<iostream>//biblioteca para la entrada-salida estandar #include<cstdlib>//biblioteca estandar de c me podrian recomendar librerias para c, c++, phyton

14	Programación / Programación C/C++ / [ayuda]cual es metodo para imprimir	en: 3 Agosto 2012, 17:48 pm
hola a todos desearia saber cual es el codigo o el metodo para imprimir lo que me genera un programa imaginemos que hago un programa que pida los datos personales de una persona estoy programando en linux con el gedit y la terminal cual seria el codigo o el metodo para imprimir los datos guardados con mi impresora cual seria el codigo en c,c++,perl,phyton

15	Programación / Programación C/C++ / [Consulta] ¿Programar en modo grafico en Linux?	en: 3 Agosto 2012, 17:47 pm
Hola a todos estoy aprendiendo a programar en Linux y la manera de mi profesor enseñarme es en Linux con el Gedit y la terminal desearia saber como hago para programar de una forma mas grafica Cuando llamo programar de forma grafica no me refiero a juegos ni en 3D no nada de eso me refiero a hacer formularios, areas de texto, botones, casillas de seleccion, etc como hago eso en Linux Osea el equivalente de Visual Studio pero en Linux

Páginas: 1 [2]