Avatar billede netliving Nybegynder
08. august 2006 - 13:50 Der er 8 kommentarer

Runndt tekstfelt på hjemmeside.

Hej.

Jeg står og skal lave en hjemmeside,
det i sig selv er ikke problemet..

Problemet kommer ved at teksten på siden skal stå i en halv cirkel.

Nogle som har ider til hvordan det kan løses?
Avatar billede olebole Juniormester
08. august 2006 - 13:55 #1
<ole>

Læg halvcirklen ind som baggrundsbillede i et div, som du anbringer tekst-feltet i:

<div style="position:relative;width:300px;height:40px;background-image:url(dit_pic.gif)">
    <input type="text" style="position:absolute;width:280px;left:20px;top:10px;border:0">
</div>

/mvh
</bole>
Avatar billede olebole Juniormester
08. august 2006 - 13:56 #2
- dimensionerne må du naturligvis tilpasse dit eksempel  ;o)
Avatar billede netliving Nybegynder
08. august 2006 - 14:07 #3
Kan ikke forstå hvad der deri får det til at runde i den ene side..

- og det virker ikke
Avatar billede fennec Nybegynder
08. august 2006 - 14:08 #4
... Eller mener du at teksten skal bue som en halvcirkel lige som "www.eksperten.dk" gør omkring "e" logoet øverst til venstre. For det kan ikke lade sig gøre. Det skal laves som et billed.
Avatar billede netliving Nybegynder
08. august 2006 - 15:20 #5
som på dette eksempel: http://demo.netliving.dk/halvcirkel.png
Avatar billede fennec Nybegynder
08. august 2006 - 15:53 #6
Det er ikke tekst. Det er et billed, som er lavet i et billedbehandlingsprogram, hvor man kan placere teksten på den måde.

Hvis du vil lave det i HTML skal du have hver linje i en seperat div, også placere diverne så de danner en cirkel. Det kan ikke gøres automatisk.
Avatar billede netliving Nybegynder
08. august 2006 - 17:26 #7
Fennec-> ja, det er et billede, har selv lavet det.

Hmm.. men tak for svarende..  jeg dropper det.
Avatar billede Slettet bruger
15. august 2006 - 15:50 #8
Man kan faktisk godt lave lidt "fusk" for at opnå den slags effekt.

Se på http://meyerweb.com/eric/css/edge/curvelicious/demo.html for både en beskrivelse af metoden og en demo af effekten.
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