Søg
Avatar billede b_ Nybegynder
25. november 2006 - 15:01 Der er 4 kommentarer og
1 løsning

Img ovenpå input felt + div ved siden af div

Ohøj

1) Jeg har et inputfelt hvor jeg gerne vil have at et billede går lidt ind over. Hvordan gøres dette. Pt har jeg to div'er hvor billede div'en har position: relative; og input-felt-div'en har position: absolute; men her er det input feltet der er øverste.

2) Hvordan er det nu vha CSS, at man får to div'er til at være ved siden af hinanden?
Avatar billede jhe-ting Nybegynder
25. november 2006 - 18:54 #1
DIV's ved siden af hinanden er let nok:

    <style type="text/css">
    div { display:inline }
    </style>


MEN- billeder ovenpå en INPUT felt ta'r lidt længere tid ...
Avatar billede jhe-ting Nybegynder
25. november 2006 - 19:19 #2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Untitled Page</title>
    <style type="text/css">
    div { display:inline; border:1px }
    </style>
</head>
<body>
<form action="" method="get">
    <div> - Den ene div</div>
    <div> - Den anden div</div>
    <div style="position:absolute; top:120px; left:20px">
        <input type="text" name="felt1" />
    </div>
    <div style="position:absolute; top:120px; left:60px">
        <img alt="billede" src="slides/1.gif" />
    </div>
</form>
</body>
</html>
Avatar billede jhe-ting Nybegynder
25. november 2006 - 19:20 #3
PS:
Begge div's er positioneret absolut!
Ellers er det ikke til at styre dem i forhold til hinanden.
Avatar billede b_ Nybegynder
26. november 2006 - 16:22 #4
Ja, fandt ud af at det ikke var så svært at få div'erne ved siden hinanden ;) Men mener at jeg plejer at gøre det på en anden måde/et andet tag i css, noget med "right" og "left"???

Og med hensyn til billede øverst ved jeg ikke hvorfor jeg ikke har kunne få det til at virke, tror jeg har kludret lidt i position...

Tak fordi du gad at hjælpe =)
Avatar billede b_ Nybegynder
26. november 2006 - 16:25 #5
Ahhh det var fordi jeg havde billede div'en først ;)
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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 går 13:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »