[HTML/JSS] Link style bij plaatje - Softwareontwikkeling

dinsdag 7 februari 2006 12:52

Acties:

Topicstarter

Ik ben bezig met het maken van een gastenboek in php, ik stuit alleen op een waarschijnlijk makkelijk op te lossen probleempje. Als iemand een email adres opgeeft bij bericht moet er achter de naam een envelopje komen, als je op dat envelopje klikt gaat hij een mail sturen, bijv: mailto:email@hotmail.com.
dus dat plaatje <img bla bla> staat tussen <a href=""></a> tags. Het probleem is nu dat er om dat email icoontje een dikke blauw rand komt omdat het een link is. Dit dikke blauwe rand wil ik weg hebben, hoe doe ik dat? waarschijnlijk is het iets simpels in de css code, maar ik kom er niet uit.

CSS CODES TUSSEN DE <HEAD> TAGS:

code:

<style type="text/css">
<!--
.style1 {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 5px;
    margin-left: 13px;
    border: 0;
}
.style2 {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 0px;
    margin-left: 13px;
}
.style3 {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color:#FFFFFF;
    margin-right: 10px;
    margin-top: 5px;
}
.style4 {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #FFFFFF;
}
.style5 {color: #FFFFFF}
.style7 {
    color: #000000;
    font-weight: bold;
}
.style8 {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 4px;
    margin-left: 13px;
    margin-right: 13px;
    margin-bottom: 5px;
}
A:link    { color: #FFFFFF; text-decoration:none;}
A:visited { color: #FFFFFF; text-decoration:none;}
A:hover   { color: #FFFFFF; text-decoration:underline;}
A:active  { color: #FFFFFF; text-decoration:underline;}
.style12 {
    font-size: 14px;
    font-weight: bold;
}
-->
</style>

CODE VAN DE TABEL WAAR HET PROBLEEM IN ZIT:

code:

    <td width="484" height="29" background="images/table_01.gif"> <div align="center" class="style1">
      <div align="left">
    <? 
    if($record->email == "geen_email")
    {
        echo "<b>$naam</b>";
    }
    else
    {
            echo "<b>$naam</b> <a href=\"mailto:$record->email\">[img]\"images/email.jpg\"></a>";
    }
    ?>
    </div>
[/img]</td>
  </tr>

Voorbeeld van dikke blauwe rand om email icoontje:

Afbeeldingslocatie: http://img232.imageshack.us/img232/6466/gb5xq.jpg

Ik hoop dat jullie me kunnen helpen

dinsdag 7 februari 2006 12:55

Acties:

DizzyWeb

Ondertiteld

En hier heb jij voor gezocht? Zorgen dat het plaatje geen border heeft, of border="0" in het plaatje of border: 0; in je CSS voor het plaatje.

dinsdag 7 februari 2006 12:58

Acties:

n1ck

dus [img]\"images/email.jpg\"[/img] of idd net als wat DizzyWeb zegt, zet het in je CSS file

dinsdag 7 februari 2006 12:58

Acties:

monnick

Topicstarter

ik heb alleen border: 0; in de style geprobeerd te zetten, dat werkte niet. Maar bedankt voor border 0 in src code zelf, ik zal even proberen.

dinsdag 7 februari 2006 12:59

Acties:

monnick

Topicstarter

bedankt jongens:

echo "<b>$naam</b> <a href=\"mailto:$record->email\">[img]\"images/email.jpg\"[/img]</a>";

dat is het geworden en het werkt!

dinsdag 7 februari 2006 13:06

Acties:

André

Analytics dude

Dit is wel heel erg basic, kon je dat zelf niet bedenken? Hier is ook genoeg over te vinden.

[ Voor 24% gewijzigd door André op 07-02-2006 13:07 ]

Pagina: 1

Dit topic is gesloten.