Avatar billede tipsen Nybegynder
30. marts 2002 - 23:43 Der er 12 kommentarer og
2 løsninger

CSS2 - Cirkel uden om bogstav!

Hej Eksperter

Er det muligt ved hjælp af stylesheets at lave et bogstav omgivet af en cirkel?

Dvs. eks. et A omgivet af en cirkel (nej - ikke '@' :-)) - det kan jo nemt lade sig gøre at sætte en firkant rundt om ved hjælp af en border - men hvordan kan man lige hustle sig til det andet?

Der må ikke være decideret grafik i løsningen...
30. marts 2002 - 23:44 #1
Tja så skal du lave en hel masse elemeter som er 1x1px) (måske 2x2px) bred, som du justere med postion: absolute; top: 34px; left: 35px;

Men hvorfor ikke bruge et billede?
Avatar billede tipsen Nybegynder
30. marts 2002 - 23:52 #2
fordi det også skal være nemt at justere farven via stylesheet...
Avatar billede jakoba Nybegynder
30. marts 2002 - 23:57 #3
så lav det som en transparent gif hvor det er teksten der er transparent og resten er samme baggrundsfarve som det omgivende tekst og indhold.
Men farven på billedets baggrund stiller du med stylesheetet.

mvh JakobA
Avatar billede tipsen Nybegynder
31. marts 2002 - 00:08 #4
JakobA: En god ide ellers, men jeg har også brug for at kunne justere forgrundsfarven via css...

Jeg har også været ude i nogle tanker om at lave det dynamisk via grafikbiblioteket i php - så vil jeg kunne styre farven nemt - men det er også en lidt voldsom løsning til formålet...
Avatar billede jakoba Nybegynder
31. marts 2002 - 00:51 #5
ok fuld funktionalitet for det 'bogstav'...
Brug en fonteditor og lav et meget lille alfabet med kun de omringede tegn i hvor selve tegner er fra din normale font og du tegner en ring omkring. inkluder din nye font som downloadable sammen med siden og brug så dine omringede bogstaver i et <span der arver farve og baggrund men har font-family som din omringede font.

eg:
<p>Det går <span style="font-family:ringed verdana">a</span>ldrig godt.</p>

neb så kommen der en mux-OS bruger der ikke har verdana og vil kikke på siden og får resten af teksten vist i courier. Gaah.

Held og lykke med projektet.

mvh JakobA
Avatar billede jakoba Nybegynder
31. marts 2002 - 00:52 #6
Ups.  neb så kommen  -> men så kommer
Avatar billede tipsen Nybegynder
31. marts 2002 - 01:12 #7
Jeg vidste at det nok nærmest var en håbløs opgave - men om ikke andet så får man det hvertfald af- eller bekræftet her på Eksperten - og i tilgift får man som regel også nogle alternative måder at opnå det samme på!

Det er hvertfald nogle gode idéer I er kommet med begge to!
Avatar billede jakoba Nybegynder
31. marts 2002 - 01:40 #8
hold ud en dagstid eller to før du lukker. fx: jumper har ikke været her endnu, og hvis nogen kan så kan han.

godnat
Avatar billede tipsen Nybegynder
31. marts 2002 - 01:50 #9
ok - det bliver spændende :-)
Avatar billede hono Nybegynder
31. marts 2002 - 01:57 #10
tipsen >> Fandt lige en gammel, støvet Dhtml bog frem. Og kom så i tanke om at jeg også har dens eksempler liggende på computeren. Har lige uploadet et http://www.hono.dk/sg1.html

"Billedet er ikke grafik, men "tegnet" med koder. (du kan nok høre på mine formuleringer, at jeg ikke fattede det hele i den bog :D). Men prøv at kigge på koderne, og se om det ikke er noget lignende du søger.

Hono
Avatar billede tipsen Nybegynder
31. marts 2002 - 03:19 #11
Det er meget brugbart, men desværre ren microsoft... - det understøttes kun af IE - ellers meget blæret lavet!
Avatar billede tipsen Nybegynder
31. marts 2002 - 03:20 #12
...kan lige konstatere, at sommertid fungerer fint på eksperten.dk - så nu er det vist lige blevet min sengetid :-)
Avatar billede olebole Juniormester
31. marts 2002 - 23:12 #13
<ole>
En X-browser løsning kan kun laves grafisk ... også af Jumper  ;o)
/mvh
</bole>
Avatar billede tipsen Nybegynder
31. marts 2002 - 23:22 #14
olebole: Det har jeg efterhånden erkendt - men der kom mange gode ideer!

jakoba: Hvis du lige gider smide et svar, kan I alle få lidt point.

-takker jer alle for hjælpen!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester