Buenas a todos, el problema que tengo con el enlace es que ocupa la linea completa y no solo el texto (en este caso una dirección de correo). Alguna sugerencia. Gracias
Buenas a todos, el problema que tengo con el enlace es que ocupa la linea completa y no solo el texto (en este caso una dirección de correo). Alguna sugerencia. Gracias
pega aqui el codigo para revisarlo
saludos
Seguramente has colocado la etiqueta de cierre de enlace al final de la línea, y por eso la ocupe toda, no? Vigila que la etiqueta </a> esté al final de esa dirección de correo y no al final del párrafo o texto.
Aunque como bien dice la magnífica Yaneth, si nos muestras el codigo lo clavamos!
Un abrazo a todos todas! Un besazo Yaneth!!!
gracias por su apoyo, a continuación el código del html y el css
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>RODAMA, C.A.</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="objetos/icon-rodama.ico" rel="shortcut icon">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo"><img src="objetos/logo_rodama.jpg" width="270px" height="90px"
alt="Rodamientos Alemañy Mas, C.A."/></div>
<div id="logo-skf"><a href="http://www.skf.com.ve" target="_blank"><img src="objetos/logo_skf.jpg" width="350px" height="60px"
alt="S.K.F. VENEZOLANA, S.A."></a></div>
</div>
<div id="cabecera2"><img src="objetos/alter-banner.jpg" width="900px" height="120px" alt=""/><br />
</div>
<div id="navegacion">
<ul>
<li><a href="index.html"><img src="objetos/home.png" width="19px" height="16px" alt="home"/></a></li><li><a href="index.html">NOSOTROS</a></li><li><a href="#">PRODUCTOS</a></li><li><a href="#">SERVICIOS</a></li><li><a href="#">CATALOGOS</a></li><li><a href="#">MEDIA</a></li><li><a href="#">NOTICIAS</a></li><li><a href="contacto.html">CONTACTENOS</a></li>
</ul>
</div>
<div id="contenido">
<div id="menu">
<div id="menu-left">
<ul>
<li><a href="http://www.skf.com/ve/industry-solutions/mining-mineral-processing-cement/index.html" target="_blank">MINERIA Y CEMENTO<img src="objetos/cemento.jpg" alt="Mineria, Procesamiento de Minerales y Cemento" width="200" height="200"></a></li><hbr />
<li><a href="http://www.skf.com/ve/industry-solutions/pulp-paper/index.html" target="_blank">INDUSTRIA PAPELERA<img src="objetos/papel.jpg" alt="Producción de Pulpa y Papel" width="200" height="200"></a></li><hbr />
<li><a href="http://www.skf.com/ve/industry-solutions/oil-gas/index.html" target="_blank">PETROLEO Y GAS<img src="objetos/hidrocarburos.jpg" alt="explotación y producción, transporte y almacenamiento y refinado y distribución" width="200" height="200"></a></li></ul></div>
<div id="menu-right">
<ul>
<li><a href="http://www.skf.com/ve/industry-solutions/cars-and-light-trucks/index.html" target="_blank">AUTOMOTRIZ<img src="objetos/skfvsm.jpg" alt="Vehiculos livianos y de Carga" width="200" height="200"></a></li><hbr />
<li><a href="http://www.skf.com/ve/industry-solutions/wind-energy/index.html" target="_blank">ENERGIA EOLICA<img src="objetos/eolica.jpg" alt="El poder del Viento" width="200" height="200"></a></li><hbr />
<li><a href="http://www.skf.com/ve/industry-solutions/electric-motors/index.html" target="_blank">MOTORES ELECTRICOS<img src="objetos/motor.jpg" alt="Motores Eléctricos" width="200" height="200"></a></li></ul></div>
</div>
<h2>Ubicación:</h2>
<img src="objetos/mapa.jpg" width="480px" height="204px" alt=""/><br />
<h3>Dirección:</h3>
<p style="color: #414244;font-size: 12">Avenida Municipal # 109, entre Calle Sucre y Buenos Aires. Puerto La Cruz - Estado Anzoategui. Venezuela.</p>
<h3>Teléfonos:</h3><br />
<p style="text-align:justify; font-family: verdana; font-size: 11;color: #414244"> +58-(0281) 266.25.63 / +58-(0281) 266.11.15 / +58-(0281) 268.82.42</p><br />
<h3>Telefax:</h3>
<p style="color: #414244; font-size: 11">+58-(0281) 268.84.61</p>
<h3>Celular:</h3>
<p style="color: #414244;font-size: 11">+58-(0414) 812.68.44</p>
<h3>Correos Electrónicos:</h3>
<p><a href="mailto:reinaldobellorin@rodama.com.ve">reina ldobellorin@rodama.com.ve</a>
<p><strong>Gerencia:</strong></p>
<p><a href="mailto:reinaldobellorin@rodama.com.ve">david alemany@rodama.com.ve</a></p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
css
* {text-indent: 0px; margin:0px; padding:0px; border:0px}
p {text-align:justify; font-family: verdana; font-size: 13; color:#414244; }
h1 {font-size:1.5em; color:#414244; font-weight:bold; font-family: verdana; text-decoration:underline; text-align:center}
h2 {font-size:1.2em; color:#414244; font-weight:bold; font-family: verdana; text-decoration:none; text-align:center}
h3 {color:#0066CC; font-weight:bold; text-decoration:underline; font-family: verdana; font-size:0.6em; text-align:left}
body {background: #DADADA; text-align:center}
#global {width:900px}
#cabecera {background-color:white ; height:110px}
#logotipo {float:right;margin-top: 10px; margin-right: 15px}
#logo-skf {float:left; margin-left: 15px; margin-top:25px}
#cabecera2 {margin: 0px}
#navegacion {background-color: white; border-bottom: solid 1px solid; border-color: gray; font-family: verdana; font-size: 12px}
#navegacion li {float:left; list-style:none; margin: 4px 20px 4px 20px}
#navegacion ul {margin-left:30px; margin-bottom: 22px}
#contenido {background-color:#E6E6E6; text-align: center; margin-top: 15px; }
#contenido p {margin:18px 215px 10px 215px;text-indent:18px}
#menu {margin-top: 20px; font-family:verdana; font-size: 9px}
#menu-left {background-color:white; width:200px; float:left; text-align:center; margin:3px 3px 3px 3px;height:630px}
#menu-left-li {list-style:none;margin:4px 6px 4px 6px;}
#menu-right {background-color:white; width:200px; float:right; text-align:center; margin:3px 3px 3px 3px;height:630px}
#menu-right-li {list-style:none; margin:4px 6px 4px 6px}
#pie {background-color:cyan; width: 900px; height:50px}
a {color:#4C4C4C; text-decoration: none; display:block;}
a:link {}
a:visited {}
a:hover {color:blue; text-decoration: none; background:#A9D0F5;}
a:active {}
#menu a {color:#4C4C4C; text-decoration: none; display:block; height: 180px;}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:blue; text-decoration: none; background:white;}
#menu a:active {}
no nos dices exactamente cuan enlace te falla
pero mira esto
te he resaltado lo que le falta....revisa los demás enlaces y nos cuentas
<li><a href="http://www.skf.com/ve/industry-solutions/mining-mineral-processing-cement/index.html" target="_blank">MINERIA Y CEMENTO><img src="objetos/cemento.jpg" alt="Mineria, Procesamiento de Minerales y Cemento" width="200" height="200"></a></li><hbr />
<li>
hola Janet gracias por tu observación pero creo que ese no es el problema. El inconveniente lo tengo con los enlaces de los correos.
bien
eso se debe al display:block que has puesto en el grupo de las "a" en css
a {color:#4C4C4C; text-decoration: none; display:block;}
a:link {}
a:visited {}
a:hover {color:blue; text-decoration: none; background:#A9D0F5;}
a:active {}
si se lo quitas verás el cambio
saludos
Hola Janeth, muchísimas gracias diste en el clavo. Aproveche y repase los atributos de display.
excelente
que tengas lindo dia :)
Permisos de Publicación
Si buscas un buen hosting, ComoCrearTuWeb te recomienda:
Citar