• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] CSS-Kreis als Link

D

Dsimon24

Mitglied
Hallo zusammen,

ich habe derzeit den folgenden Code in meiner Site implementiert:
HTML: 
<div class="row">
    <div class="col-md-3">
        <div class="elternelement1 flex-container zoom">
            <div class="kreis"><div class="div-text"><a href="add.php" class="noDesign">anlegen</a></div></div>
            <div class="kreis"><div class="div-text"><a href="view.list_open.php" class="noDesign">(offen)</a></div></div>
            <div class="kreis"><div class="div-text"><a href="view.list_new.php" class="noDesign">(neu)</a></div></div>
            <div class="kreis"><div class="div-text"><a href="view.list.php" class="noDesign">Alle</a></div></div>
        </div>
    </div>

Als Ergebnis habe ich einen Kreis, in diesem sich der jeweilige Text für den Link befindet.
Wie kann ich es realisieren, dass der gesamte Kreis (in CSS realisiert) als Link angesehen
wird, ich also an jeder Stelle des Kreises den Link aufrufen kann? Ist das möglich?

VG, David
 
Werbung:
Hallo,

Ich kenne Dein CSS nicht, aber ich vermute, wenn Du dem a-Tag display:block; gibst und die Höhe entsprechend anpasst, sollte das funktionieren
 
Warum nimmst du soviele Div's?
Code: 
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">

<style>

.kreis {
 display:block;
 text-decoration:none;
 width:100px;
 height:100px;
 border-radius:50%;
 background:#eee;
 text-align:center;
 line-height:100px;
}
</style>

<title>Test</title>
</head>
<body>
<a class="kreis" href="#">Text</a>
</body>
</html>
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben