Kreis Zeichnen CSS

[katipefendi]

Hallo,

ich versuche die ganze Zeit einen Kreis in einer TD einzufügen, doch leider bekomme ich das nicht hin.

<table width="100%" class="top_inhalt"  align="center" cellspacing="0" cellpadding="0" border="0"  >
<tr>
<td id="box2" </td>

<td>Hallo Welt</span></td>
</tr>
</table> 

CSS Code

.box2 {
    background-color: #EBF8F9;
    position: absolute;
    width: 34px;
    height: 34px;
    top: 10px;
    left: 250px;
    border: 1px solid #88D3DC;
    text-align: center;
    border-radius: 100px;
} 

[trollface]

Oder einfach der Buchstabe: o
Größe über font-size einstellen.

[mermshaus]

Was soll das denn werden, wenn es fertig ist? Vielleicht mal aus der Richtung angefangen.

coole idee jspit und tr0y, ja Du hast recht.

Ich wollte lediglich darauf hinaus, dass ein radius von 100 bei einer breite von 34 um ein kreis zu zeichnen --- einfach mal nicht nachgedacht ist.

[jspit]

Warum kein ○ mit echo ausgeben und die Größe mit CSS machen?

Wingdings character set and equivalent Unicode characters

[tr0y]

Ein abgerundetes Viereck bleibt ein Abgerundetes Viereck. Spul etwas kontent ins "Kreis"-Div und dein Div ist ein Minion.

es mag dann ja auch noch canvas geben, wobei ich svg auch schicker finde.
@TE:
abgesehen von:
-dies ist keine php frage(30er post)
-kreise gehen auch mit css und das ist fix recherchiert.


der radius eines kreises ist die hälfte seiner höhe und die hälfte seiner breite.

[tr0y]

So soll's laufen.

[SylarBo]

Schau dir SVG an, mitunter den Circle-Tag.

Auch wenn ich nicht der TE bin, Danke Schon wieder was gelernt

[tr0y]

Divs sind keine Kreise. Border Radius kein Werkzeug um Kreise zu zeichnen.

Schau dir SVG an, mitunter den Circle-Tag.

Derweil schau dir auch mal den aktuellen HTML-Standard an, das was du da zusammengetippt hast ist weit entfernt von valide.

[SylarBo]

<td id="box2"> </td>

ändere es doch mal auf:

<td class="box2"> </td>

alternativ sonst in der css datei statt .box2 #box2 benutzen..

Gruß