CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede jespersen Nybegynder
16. november 2001 - 15:17 Der er 12 kommentarer og
3 løsninger

Ramme uden om formelemnter

Hejsa!
Jeg så engang, at man i html (lige som f.eks Java) kan sætte en 3d ramme uden om f.eks form elementer. Hvordan gør jeg lige? Det var vha. helt alm. html, så ikke noget css! :-)
Avatar billede jakoba Nybegynder
16. november 2001 - 15:25 #1
Måske du mener:

<table border=5 cellspacing=0>
<tr><td><input type=\'text\' name=\'inputfeltmedramme\' value=\"\"></td></tr>
</table>

mvh JakobA
Avatar billede olebole Juniormester
16. november 2001 - 16:05 #2
<ole>

<input type=\"text\" style=\"border:3px #ff3333 solid\"><br>
<input type=\"text\" style=\"border:3px #ff3333 dashed\"><br>
<input type=\"text\" style=\"border:3px #ff3333 dotted\"><br>
<input type=\"text\" style=\"border:3px #ff3333 double\"><br>
<input type=\"text\" style=\"border:3px #ff3333 ridge\"><br>
<input type=\"text\" style=\"border:3px #ff3333 outset\"><br>
<input type=\"text\" style=\"border:3px #ff3333 groove\"><br>
<input type=\"text\" style=\"border:3px #ff3333 inset\"><br>
<input type=\"text\" style=\"border:3px #ff3333 none\">

Er de border-style\'s, der er  :)
/mvh
</bole>
Avatar billede zarthax Nybegynder
16. november 2001 - 16:08 #3
Og her skulle jeg til at komme med guldkorn ... ØV jeg er langsom :( *GGG*
Bedre beskrivelser ar tag\'s med mere finder man vist ikke andet end her :)

Avatar billede Tony Breindal Juniormester
16. november 2001 - 17:44 #4
Her er lidt mere og lege med ... prøv at tag nogle af <olebole\'s> broder-styles ... specielt denne her giver et \'lidt\' anderledes tekstfelt :)

<head>
    <title>Untitled</title>

<style type=\"text/css\">
<!--
.forms  {background-color:#FFFF00;
    border-color:#0000FF #1100FF #2200AA #3300CC;
    border-style:dotted;
    border-top-width:100px;
    border-right-width:30px;
    border-bottom-width:10px;
    border-left-width:30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px; color: #FF0000;
    font-weight:bold;
}
</style>
</head>

<body>

<input type=\"text\" class=\"forms\">
Avatar billede olebole Juniormester
16. november 2001 - 18:01 #5
...denne her er nu heller ikke uden evner:

<div style=\"border:1px #cccccc inset;\">
    <img src=\"lille_ikon.gif\">
    <input type=\"text\" style=\"border:0px #ffffff solid\">
</div>

/mvh
Avatar billede Tony Breindal Juniormester
16. november 2001 - 18:27 #6
Hr. <olebole>.

Hvis vi skal nyde \'Skaberens\' sidste kreation i dens fulde gloriøse og beundringsværdige udstrækning, er De nok nød til på generøs vis at dele Deres unikke \'lille_ikon.gif\' med os ydmyde andre ... :)
Avatar billede olebole Juniormester
16. november 2001 - 18:36 #7
Jamen, det kan såmænd være, hvad som helst. Det phede ved denne lille dingbasse er, at du øjensynligt har et stykke grafik inde *i* dit inputfelt - grundet border fordelingen. Det egentlige felt \'forsvinder\', da det ikke har borders - mens vi ser div\'et i rollen som inputfelt.

Iøvrigt er der noget ved din nyvalgte tiltaleform, den gamle creatuer (*NEJ*...!!! Ikke det gamle kreatur...! Grrrrrrrrr....!!!!) finder yderst velbehageligt  :)
/mvh
Avatar billede olebole Juniormester
16. november 2001 - 18:52 #8
Du kan også prøve denne her:

<div nowrap
    style=\"border:1px #cccccc none;width:10px\">
        <img src=\"lille_ikon.gif\">
        <input type=\"text\"
            onfocus=\"this.parentElement.style.borderStyle=\'inset\';if(this.value==\'Skriv dit navn her...\')this.value=\'\';\"
            onblur=\"this.parentElement.style.borderStyle=\'none\';\"
            style=\"border:0px #ffffff none\"
            value=\"Skriv dit navn her...\">
</div>

Den fungerer kun i IE, p.gr.a. \'parentElement\', men du kunne jo lægge JavaScript\'et op i et par funktioner og kalde med reference direkte til div\'et. Prøv dem ...de er meget sjove  ;o)
/mvh
Avatar billede Tony Breindal Juniormester
16. november 2001 - 18:56 #9
Åhh ... pokkers ... i et øjebliks absolut sindsforstyrelse troede jeg faktisk at du have begået en \'tanketorsk\', men ak så blev det atter dag ... :)

Og hvad angår tiltaleformen, så er det jo så\'n at træerne ikke gror ind i himlen, så nyd det mens det vare ... *ROTFL* (Som Ib\'s far ville have udtrykt det :)
Avatar billede jakoba Nybegynder
16. november 2001 - 18:59 #10
Ahem,  \"Det var vha. helt alm. html, så ikke noget css!\"  :-))
Avatar billede olebole Juniormester
16. november 2001 - 19:02 #11
Hehe ...er det så her, vi - med tiltaleformen in mente - kunne udbryde: \"Hovmod står for fald\"?  ;o)

Jaja, Tony ...nogen gange har jeg det zq som om, \'Tannketorsk\' er mit mellemnavn!  *ROTFLMAO* (Som lille Ib uden tvivl ville have repliceret).
Bare vent, du skal nok få mig! Det er der så mange andre, der har  ;o)
/mvh
Avatar billede olebole Juniormester
16. november 2001 - 19:04 #12
Det kan jeg ikke, jakoba .........men jeg kan fjerne border i ren HTML:

<!--
<input type=\"text\">
-->

=oD
Avatar billede Tony Breindal Juniormester
16. november 2001 - 19:05 #13
Og nu da Jakob har ført os tilbage på de puritanske stier, vil jeg ønsker jeg begge en god weekend :)

/Tony
Avatar billede olebole Juniormester
16. november 2001 - 19:08 #14
Ja, viseren på Verdensuret står på LowTech  =oD

...i lige måde  :)
Avatar billede jespersen Nybegynder
20. november 2001 - 18:38 #15
Hejsa!
Jeg må desværre sige at de herrer ikke kunne komme med et forslag, der matchede det jeg havde i hovedet. Kom dog selv i tanker om at tagget hedder <fieldset> ! Læs mere på http://www.html.dk/dokumentation/html4/tags/fieldset/ Men i kan da dele, som tak for forsøget.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
Link fra form input Af jnrmgs i HTML 9 19/09/202319:10 23/09/202313:11
includere i HTML Af slein55 i HTML 3 15/09/202313:47 16/09/202309:40
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 03:15 omarrangering af skærme Af jcr18 i Skærme
I går 11:41 Windows 10 : Ikke kopiere tekst med Firefox. Men gerne med Opera. Af Ikke-ekspert i Browsere
27/0718:09 Kan ikke fildele fra PC til PC Af gertLundberg i LAN/WAN
27/0717:33 Facebook kopier en tråd Af clausito i Sociale medier
27/0709:49 Indtogs sejlads : OL i Paris : Hvornår kom Danmark ? Af Ikke-ekspert i Fri debat
White papers
Flere white papers »


Premium
Teaser billede
Nordjyske MapsPeople ruster op til opkøb af konkurrenter: "Vi vil vinde det her kapløb"
Læs mere »
Microsoft tager til genmæle: Vores licenspraksis skaber ikke unfair konkurrence
Færre unge studerende på landets it-uddannelser: "Vi afviser dem der, hvor de har lyst til at læse"
Overblik: Sådan forløb årets største databrud - mindst 165 organisationer ramt
Se alle »
Computerworld
Teaser billede
Elon Musk dropper CrowdStrike efter kæmpe nedbrud
Læs mere »
Med SearchGPT har verden fået en spritny søgemaskine: Kan den true Googles dominans?
Apples spritnye app til kodeord kommer til iOS 18: Sådan virker den
Apples folde-iPhone tager form: Her er planerne
Se alle »
CIO
Teaser billede
Så mange Microsoft-enheder blev ramt af gigantisk Crowdstrike-koks
Læs mere »
Telenor skrotter ældre it-system: Nyt system er en hyldevare
Derfor står Danske Bank foran en kæmpe AWS-transformation: Ellers skulle vi bygge en ny infrastruktur for at følge med
Stor aftale gør Microsofts datacentre hurtigere - investerer i netværksudstyr
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
KMD-direktør forlader selskabet: Det skal hun nu
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Informationshåndtering på frontlinjen: Sådan optimerer du med automatisering
Læs mere »
Nemmere overblik, styring og omkostningskontrol i dit multicloud-miljø
MDR: Transparent sikkerhed og overvågning i realtid
Unbreakable - sådan sikrer du dig vedvarende og uafbrudt adgang til dine data
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »