Reth: class element für mehrere hrefs verwenden

Beitrag lesen

Ok, eine Möglichkeit hab ich gefunden: IDs für das a-element vergeben und dementsprechende div-Tags nutzen (s.u.). Oder wären da Strukturteile wie <section> besser?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<HTML> 

<HEAD> 
<TITLE></TITLE>
<style type="text/css">
  body {
    color: grey;
    font-family: arial, sans-serif;
    width: 30em;
  }
  #buttongrey a, #buttonblue a, #buttongreen a, #buttonorange a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 6px 20px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    width: 450px;
    left: 30px;
  }
  #buttongrey a {
    background-color: #666666;
  }
  #buttonblue a {
    background-color: MidnightBlue;
  }
  #buttongreen a{
    background-color: DarkGreen;
  }
  #buttonorange a{
    background-color: DarkOrange;
  }
  
</style>
</HEAD> 

<BODY>
<H3>Linksammlung</H3>
<nobr><H4>&nbsp;&nbsp;&nbsp;Thema1</H4></nobr>
<div id="buttongrey">
<a href="...">Punkt 1</a>
<a href="...">Punkt 2</a>
<a href="...">Punkt 3</a>
</div>
...