1px sort streg om tekst

Anyone? :P

Det kan du ikke, en du kan lave en firkant rundt om.

<span style="border:1px solid #000;">Halløjsa</span>

hvilken type tekst vil du have 1px sort omkring?

Arial

Hmm kan desværre ikke bruge en boks rundt om

Det er ikke muligt i CSS..

Nå, ellers tak for hjælpen

Er det noget i stil med dette? http://webdesign101.dk/cssbog/kildekode/figur0707.html

Nej..

http://danishbulldog.dk
Det er det samme som oppe i hjørnet

Højre hjørne? ( - EN BLOG OM DANISHBULLDOG )

En lidt besværlig løsning:

<div style="position: absolute; top: 9px; left: 9px; z-index: 0; font-family: Arial; font-size: 10px; color: #000000;">Tekst med ramme rundt om</div>
<div style="position: absolute; top: 9px; left: 10px; z-index: 0; font-family: Arial; font-size: 10px; color: #000000;">Tekst med ramme rundt om</div>
<div style="position: absolute; top: 9px; left: 11px; z-index: 0; font-family: Arial; font-size: 10px; color: #000000;">Tekst med ramme rundt om</div>
<div style="position: absolute; top: 10px; left: 9px; z-index: 0; font-family: Arial; font-size: 10px; color: #000000;">Tekst med ramme rundt om</div>
<div style="position: absolute; top: 10px; left: 10px; z-index: 0; font-family: Arial; font-size: 10px; color: #000000;">Tekst med ramme rundt om</div>
<div style="position: absolute; top: 10px; left: 11px; z-index: 0; font-family: Arial; font-size: 10px; color: #000000;">Tekst med ramme rundt om</div>
<div style="position: absolute; top: 11px; left: 9px; z-index: 0; font-family: Arial; font-size: 10px; color: #000000;">Tekst med ramme rundt om</div>
<div style="position: absolute; top: 11px; left: 10px; z-index: 0; font-family: Arial; font-size: 10px; color: #000000;">Tekst med ramme rundt om</div>
<div style="position: absolute; top: 11px; left: 11px; z-index: 0; font-family: Arial; font-size: 10px; color: #000000;">Tekst med ramme rundt om</div>
<div style="position: absolute; top: 10px; left: 10px; z-index: 1; font-family: Arial; font-size: 10px; color: #ffffff;">Tekst med ramme rundt om</div>

Den bliver så placeret 9-11 pixels fra top/venstre.

Hvorfor ikke baer bruge et billede? Dette er jo ikke en løsning der kan anbefales.

jebzki > Ville gerne have haft en sort streg om teksten nede i content.. for så ville de hænge lidt sammen med det hele..

mstorgaard, du har ret, den er meget besværlig - men du får alligevel point for din tid :)

hvad med at bruge en outline font?

Hvis der bruges PHP, så er der lige en funktion, som gør det lidt hurtigere at benytte min kode:
<?php
function stroke($top, $left, $text, $size = 14, $font = 'Arial', $color1 = '000000', $color2 = 'ffffff') {
    $top1 = $top-1;
    $top2 = $top+1;
    $left1 = $left-1;
    $left2 = $left+1;
    $common = ' padding-left: 45%; padding-right: 45%; font-family: ' . $font . '; font-size: ' . $size . 'px;';
    echo '<div style="position: absolute; top: ' . $top1 . 'px; left: ' . $left1 . 'px; z-index: 0;' . $common . ' color: #' . $color1 . ';">' . $text . '</div>';
    echo '<div style="position: absolute; top: ' . $top1 . 'px; left: ' . $left . 'px; z-index: 0;' . $common . ' color: #' . $color1 . ';">' . $text . '</div>';
    echo '<div style="position: absolute; top: ' . $top1 . 'px; left: ' . $left2 . 'px; z-index: 0;' . $common . ' color: #' . $color1 . ';">' . $text . '</div>';
    echo '<div style="position: absolute; top: ' . $top . 'px; left: ' . $left1 . 'px; z-index: 0;' . $common . ' color: #' . $color1 . ';">' . $text . '</div>';
    echo '<div style="position: absolute; top: ' . $top . 'px; left: ' . $left2 . 'px; z-index: 0;' . $common . ' color: #' . $color1 . ';">' . $text . '</div>';
    echo '<div style="position: absolute; top: ' . $top2 . 'px; left: ' . $left1 . 'px; z-index: 0;' . $common . ' color: #' . $color1 . ';">' . $text . '</div>';
    echo '<div style="position: absolute; top: ' . $top2 . 'px; left: ' . $left . 'px; z-index: 0;' . $common . ' color: #' . $color1 . ';">' . $text . '</div>';
    echo '<div style="position: absolute; top: ' . $top2 . 'px; left: ' . $left2 . 'px; z-index: 0;' . $common . ' color: #' . $color1 . ';">' . $text . '</div>';
    echo '<div style="position: absolute; top: ' . $top . 'px; left: ' . $left . 'px; z-index: 1;' . $common . ' color: #' . $color2 . ';">' . $text . '</div>';
}
?>

Et eksempel på et output er så dette:
<?=stroke(10, 1, 'Hej med dig', 12, 'Verdana'); ?>