Avatar billede mazey Praktikant
06. januar 2004 - 22:43 Der er 17 kommentarer og
1 løsning

billede i tabel

Hejsa... jeg har et problem med et website jeg er ved at lave. Jeg har lavet det hele med tabeller. øverste tabel har en "width" på 700 px og en højde på 80px. deri har jeg placeret et billede vha. <img src="">. Der er så det problem at jeg oven på det billede gerne vil have et søgefelt, med et textarea og en button, men når jeg indsætter søgefeltet og knappen bliver det bare rykket ned under billedet... hvordan får jeg det lige til at blive oven på billedet, ligesom man f.eks. kan når man indsætter et billede i Word, kan man vælge at placere billedet bag tekst eller foran o.s.v.

På forhånd tak

Mvh,
Mazey
Avatar billede ztyxx Nybegynder
06. januar 2004 - 22:45 #1
noget i denne stil du mener?
http://html.dk/tutorials/css/lektion13.asp
Avatar billede mazey Praktikant
06. januar 2004 - 22:47 #2
Hmm... bortset fra at jeg skal kunne sætte kode oven i billedet og derved have et textarea og en knap dér... med det eksempel kan du jo bare aligne et billede med css
Avatar billede roenving Novice
06. januar 2004 - 22:48 #3
Hvad med at sætte billedet som baggrund ?-)
Avatar billede mazey Praktikant
06. januar 2004 - 22:49 #4
mener du som <body background>? -den går jo ikke når jeg bruger tabeller og har flere billeder som gerne skal passe sammen. Troede egentlig at man inde i tabellen bare kunne sige <td background="">, men nej! :)
Avatar billede roenving Novice
06. januar 2004 - 22:59 #5
<td style="background:url('ditBillede.png');">
Avatar billede mazey Praktikant
06. januar 2004 - 23:03 #6
virker ikke... det ligner da også lidt mere java/css el. lign!... andre bud!? ;)
Avatar billede roenving Novice
06. januar 2004 - 23:05 #7
Ja, det er css, men det vil ikke virke, hvis browseren er nere end 7 år gammel !-)
Avatar billede mazey Praktikant
06. januar 2004 - 23:07 #8
*lol*... pis, så dur det jo ikke med min windows 1.0.... øv...
Jeg bruger IE 6.01 SP1.... du skriver <td style="background:url('ditBillede.png');">... hvad mener du med ":url"?... er den nødvendig?
Avatar billede roenving Novice
06. januar 2004 - 23:11 #9
Ja, i css er den alfa og omega, udelader du den, virker det ikke ...
Avatar billede mazey Praktikant
06. januar 2004 - 23:12 #10
jamen hvis det er css skal jeg jo også have angivet at pågældende kode er css... ellers fatter browseren jo intet.... eller hvad!
Avatar billede roenving Novice
06. januar 2004 - 23:20 #11
Ja, du skal skrive style="" <-- og derinde skrive din css !-)

<td style="background:url('ditBillede.png');border:1px solid red;">

-- bare prøv dette i en side, så kan du se, at det virker !-)
Avatar billede mazey Praktikant
06. januar 2004 - 23:26 #12
Jeg bruger et external stylesheet, men jeg ser ikke helt hvad du mener... Du får min kode her.... (et udsnit af det)

<link rel="stylesheet" type="text/css" href="style/style.css">
</head>

<body background="pics/prik.gif">
<script language="javascript1.2" src="menu/menu.js"></script>


<table width="700" border="0" height="80" cellpadding="0" cellspacing="0" align="left" style="border-style:solid;border-color:black;border-width:2px">
  <tr>
   
<td><img src="pics/top.gif"></td> <!-- HER SKAL DER GERNE KUNNE LÆGGES ET SØGEFELT OVENI


  </tr>
  <tr>
    <td width="700" height="25" align="center" background="pics/menu.gif"><table width="700" height="19" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="700">
</td> 
  </tr>
</table>

</td>
  </tr>
Avatar billede mazey Praktikant
06. januar 2004 - 23:35 #13
har fundet en løsning... det skulle se sådan her ud...
<table width="700" border="0" height="80" cellpadding="0" cellspacing="0" align="left" style="border-style:solid;border-color:black;border-width:2px">
  <tr>
  <td style="background-image:url(http://www.test.dk/test.png)" width="700" height="80">
</td>
Avatar billede roenving Novice
06. januar 2004 - 23:41 #14
background alene kan bruges, men background-image virker specielt på et image, forlænger ikke koden meget, og sikrer at eventuelle andre background-styles ikke overskrives ...

background er shorthand for f.eks.

background:url(http://www.test.dk/test.png) #932412 no-repeat top left fixed;

-- som også kan skrives sådan:

background-image: url(http://www.test.dk/test.png);background-color: #932412;background-repeat: no-repeat;background-position: top left;background-attachment: fixed;

-- de er nøjagtig ens ...
Avatar billede mazey Praktikant
06. januar 2004 - 23:42 #15
jeg spørger fordi jeg ikke ved... det kan du jo sagtens sige, men alfa og omega er, at du fik mig på sporet af hvad jeg skulle... hvilket vil sige at du fortjener pointene... mange tak skal du have for din hjælp... dejligt
Avatar billede roenving Novice
06. januar 2004 - 23:49 #16
Velbekomme '-)
Avatar billede roenving Novice
06. januar 2004 - 23:59 #17
-- og tak for points ;~}
Avatar billede mazey Praktikant
06. januar 2004 - 23:59 #18
no probs...
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