Hola gracias a vosotros voy solucionando los problemas que me surgen, ahora tengo un problema con unos textos. Les cuento he creado unos botones mediante photoshop y les he includido unos textos para cada uno:
Uploaded with ImageShack.us
lo que quiero es poder trabajar por independiente cada texto asi puedo centrarlos bien en la imagen de la casilla asi:
Uploaded with ImageShack.us
este es mi css:
* {margin:0px; padding:0px; border:0px;}
body {text-align:center;background-color:black;background-image:url(objetosdos/lente.png);background-repeat:no-repeat;background-position:center center;}
img {border-style:none;}
#global {width:800px; margin:4px auto;}
#cabecera { border-left:black 1px solid;border-right:black 1px solid; height:85px;}
#borde-superior {background-image:url(objetosdos/borde-superior.png);background-repeat:no-repeat; width:800px; height:12px;}
background-repeat:no-repeat;}
h1 {font-size:2em; color:white; font-weight:bold; text-decoration:none; text-align:center;}
.texto-color {color:white;}
.parrafouno { font-family:Tahoma,Arial,Helvetica,sans-serif ;}
.centrado {text-align:center;}
p {text-align:justify;}
p { margin: 10px 10px 10px 10px; color:white;}
td { background-color:black ; color:white ; padding:20px 10px 20px 10px ; }
#logotipo {width:200px; float:left;}
#publicidad {width:518px; float:right;}
#navegacion { background-color:black; border:black 1px solid; height:80px;}
#navegacion li {float:left; list-style:none;margin:10px 3px 10px 3px;}
#navegacion ul { margin-left:5px }
#navegacion a {background-image:url(objetosdos/boton-por-fuera-vacio.png);width:180px;height:50px;text-decoration:none}
#navegacion a:hover {background-image: url(objetosdos/boton-por-dentro-vacio.png);width:180px;height:50px;text-decoration:none}
#contenido {background-color:orange;}
#pie {border-left:black 1px solid; border-right:black 1px solid;border-top:black 40px solid; height:10px;}
#pie li {list-style:none;font-size:12px;}
#pieuno {float:left; width:150px;}
#piedos {float:left; width:498px; background-color:black;}
#pietres {float:left; width:150px;}
#borde-inferior {background-image:url(objetosdos/borde-superior.png);background-repeat: no-repeat ;width:800px ; height: 12px}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline; background-color: none;}
a:active {}
b { padding:20px 20px 20px 25px;text-indent: 20px;font-size:0.6cm; color:black;
text-decoration:none; font-weight:600; word-spacing: 4mm; text-align:center;}
y este es mi HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>atinoproducciones</title>
<link rel="stylesheet" href="estilosdos.css"type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="borde-superior"></div>
<div id="cabecera">
<div id="logotipo">
<img src="objetosdos/logo.png" width="270" height="170"
alt="Haz clic aqui para volver a ver la pagina de inicio";>
</div>
<div id="publicidad"><img src="objetosdos/foto-camara.png"width="270" height="170" >
</div>
</div>
<div id="navegacion"><ul>
<li><a href="videos/videos.html"><p><b>Videos</b></p></a></li><li><a href="fotografia/fotografia.html"><p><b>videos</b></p></a></li><li><a href="contacto/contacto.html"><p><b>videos</b></p></a></li><li><a href="equipo_tecnico/equipo_tecnico.html"><p><b>Contacto</b></p></a></li>
</ul>
</div>
<h1 class="texto-color">atinoproducciones</h1>
<p class="centrado" "texto-color" >Bienvenidos a atinoproducciones, soy operador de cámara y fotógrafo.</p>
<p class="centrado" "texto-color">También editor de video, fotografía e iluminación de espacios escénicos.</p>
<p class="centrado" "texto-color">Mas de cinco años de experiencia en grabación y montaje de piezas informativas
,actos institucionales,eventos, reportajes culturales y sociales entre otros.</p>
<p class="centrado" "texto-color">Les invito a que visiten mi página, en ella encontraran algunos
de los trabajos que he realizado y los tipos de cámaras y programas de edición
con los que trabajo.
</p>
<p class="centrado"><iframe width="425" height="349" src="http://www.youtube.com/embed/p_y5K2obZCU" frameborder="0" allowfullscreen></iframe></p>
<div id="pie">
<div id="pieuno"><ul>
<li><a href="http://www.facebook.com" target="_blank"><img src="objetosdos/logo-face-espejo.png"width="30" height="30" ></a></li>
</ul>
</div>
<div id ="piedos" class="texto-color">www.atinoproducciones.com</div>
<div id="pietres"><ul>
<li><a href="http://www.youtube.com/user/atinoproducciones" target="_blank"><img src="objetosdos/you-tube-logo-espejo.png"width="50" height="30"></a></li>
</ul>
</div>
</div>
<div id="borde-superior"></div>
</div>
</body>
</html>
Pienso que si a un texto lo llamo <b> en css le doy a b una carecteristicas a otro texto lo puedo llamar de otro modo y crearles otras caracteristicas con ese nombre en css, pero no se si se puede hacer. Saludos y gracias
Citar
