Enlaces

HOLA!
Tengo un problemilla con los enlaces, y es que hay un espacio demasiado ancho para seleccionarlo y no se como hacerlo para que sólo se seleccione cuando pincho en la imagen o en la palabra, no más allá. He probado con margin pero no funciona... :cry:
Pues en el index tengo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>DERPLAS, SL</title>
<link rel="stylesheet"href="estils.css"type="text/css"media="all">
</head>
<body>
<div id="global">
<div id="capcelera">
[contenido no disponible]
</div>
<div id="direccio">
<div id="ubicacio"><a href="ubicacio.html"target="_blank">
<h3>Plànol d' ubicació</h3></a>
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]</div>
</div>
<h3>Avinguda els Dolors, 28</h3>
<h3>08243 Manresa - Barcelona</h3>
<h3>Telf.-Fax: 93 874 36 70</p></h3>


[correo eliminado]</p>
</div>
<div id="menu">
<div id="foto">Aqui hi va una fotografia de la nau dels Dolors</div>
<ul>
  • Fusteria
  • PVC
  • Alumini
  • Mampares d'oficina

    </div>
    </body>
    </div>
    </html>





    y en la hoja de estilos:




    * {text-indent:5px ; margin:5px ; padding:5px ; border:5px}
    body{background-color:#87CEFA;
    background-image:url(objectes/fondo.jpg);background-repeat:x}

    #global {width:800px ; margin:4pxauto }

    h1 {font-size: 4em ; color: red ; font-weight: bold ; text-decoration: none ;
    text-align: center }

    img {border-style:none}

    #logotip {width:100px ; float:left }
    #capcelera {}
    #direccio {text-decoration: none }
    #ubicacio {width: 450px ; height: 180px ; float: right ;
    padding-left: 10px }
    #foto {background-color: green ; float:left ; height:300px ; width: 400px }
    #contingut {}
    #menu {text-decoration: none ; text-align: left ;
    ; font-size: 2em ; color: blue ; font-weight: bold }
    #menu li {margin: 4px 30px 4px 30px}

    a {color: blue ; text-decoration: none ; display: block }
    a:link {}
    a:visited {color:grey ; text-decoration: none }
    a:hover {color:red }
    a:active {color:black }
  • Yo creo que es mejor que quites lo que te pongo en rojo:
    * {text-indent:5px ; margin:5px ; padding:5px ; border:5px}
    y después sólo tienes que indicarlo en los divs que quieras otro margin o padding.
    Saludos, Juanma
    oops...es que no tenia bien definidas las capas..bueno más bien no las tenia y ya esta :lol: por lo visto la distancia a la que seleccionas un enlace viene definida por el ancho de capa, o no?
    pero mi pregunta ahora es:
    hay alguna manera de que no se vea el recuadro con lineas discontinuas que aparece al seleccionar un enlace? alguien sabe de que hablo?
    Si, si hay forma

    pero te recomiendo que sigas las lecciones, porque ahi está explicado eso

    de esta forma no te enredarás

    saludos y mucha suerte
    pues por mucho que miro en las lecciones no consigo ver el codigo para que desaparezcan las molestas linias discontinuas al picar sobre el enlace...seguire investigando, lo que pasa es que no tengo mucho tiempo, gracias de todas formas!
    Ostras!! yo me he kdado estancada en las lecciones de htlm :oops: y k mundo he descubierto con los estilos! es que no se puede ir con prisas...gracias 1000 !!