Søg
Avatar billede nitram30 Nybegynder
07. februar 2004 - 20:44 Der er 17 kommentarer og
3 løsninger

Layer transparent?

Hejsa!

Jeg har et problem med at jeg vil have mit billede pladseret hvor det er men også muligheden for at kunne skrive ind over det. Hvordan gør jeg det?

---
Mvh
Martin



<html>
<head>
<title>bla bla</title>
</head>

<body>
<div id="Layer1" style="position:absolute; left:114px; top:174px; width:322px; height:259px; z-index:1"><img src="bgpic.gif" width="358" height="285"></div>
<p>test test</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>dette er en test for at se om jeg kan skrive p&aring; foto</p>
</body>
</html>
Avatar billede steen Nybegynder
07. februar 2004 - 20:46 #1
lav en div mere, placer med samme koordinater, styr rækkefølgen med Z-index

/Steen
Avatar billede nitram30 Nybegynder
07. februar 2004 - 20:48 #2
Har nok udtrykt mig meget elendigt med overskriften da det ikke skal være transparent. Det jeg reelt ønsker er at få min layer til at være baggrund til min tekst?
Avatar billede nitram30 Nybegynder
07. februar 2004 - 20:50 #3
Det skal bare virke som et baggrundsbillede så jeg kan skriva alt det tekst jeg ønsker. men billedet skal ligge der hvor det ligger?
Avatar billede steen Nybegynder
07. februar 2004 - 20:53 #4
Jeg har flyttet din div

<body>
<div id="Layer1" style="position:absolute; left:114px; top:174px; width:322px; height:259px; z-index:1"><img src="bgpic.gif" width="358" height="285">
<p>test test</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>dette er en test for at se om jeg kan skrive p&aring; foto</p>
</div>
</body>
Avatar billede nitram30 Nybegynder
07. februar 2004 - 20:59 #5
Det kan jeg ikke bruge.. :-)

Jeg vil gerne kunne skrive uden for min layer og videre ind over layer.
Kan jeg det eller skal jeg vælge en anden måde at få et baggrundsbillede et bestemt sted på siden.. Det skal bare være muligt at kunne skrive ind over det som om det ikke var der. :-)

Lidt ala <body background="bgpic.gif"> men gider ikke se 10 billeder af samme og så var der det at det skulle ligge et bestem sted på siden.
Avatar billede steen Nybegynder
07. februar 2004 - 21:15 #6
Vi prøver igen

<html>
<head>
<title>bla bla</title>
</head>

<body style="background-image: url(bgpic.gif); background-repeat: no-repeat; background-position: 114px 174px;">
<p>test test</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>dette er en test for at se om jeg kan skrive p&aring; foto</p>
</body>
</html>
Avatar billede nitram30 Nybegynder
07. februar 2004 - 21:21 #7
Du er bare alletiders. lige det jeg manglede. :-)

Tak for hjælpen. :-)))))
Avatar billede steen Nybegynder
07. februar 2004 - 21:21 #8
Velbekommen da ;-)
Avatar billede nitram30 Nybegynder
07. februar 2004 - 21:30 #9
Har lige et lille spørgsmål. Hvad nu hvis jeg har en side med tabeller. Kna man da ikke har det liggende?? Bare et spørgsmål? :-)
Avatar billede nitram30 Nybegynder
07. februar 2004 - 21:31 #10
kan ikke se billede for tabellerne.. det er det jeg mener. :-)
Avatar billede steen Nybegynder
07. februar 2004 - 21:39 #11
hmmm... har du en url jeg kan kigge på?
Avatar billede nitram30 Nybegynder
07. februar 2004 - 21:52 #12
Hmmm så skal jeg lave et eksempel til dig da det er lidt af en "fabrik" hemmelighed mellem mig og en af mine venner. Øjeblik....
Avatar billede nitram30 Nybegynder
07. februar 2004 - 21:57 #13
<html>
<head>
<title>blabla</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body style="background-image: url(bgpic.gif); background-repeat: no-repeat; background-position: 114px 174px;">

<table width="507" height="421" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="19" align="left" bgcolor="#00006C"><span class="style1">&nbsp;Indhold1:</span></td>
    <th width="10" rowspan="5" bgcolor="#5EAEFF" scope="col">&nbsp;</th>
    <td height="19" align="left" bgcolor="#00006C"><span class="style1">&nbsp;Indhold2:</span></td>
  </tr>
  <tr>
    <td height="200" align="left" bgcolor="#CCE6FF">&nbsp;<span class="style2">Test</span></td>
    <td height="200" align="left" bgcolor="#CCE6FF">&nbsp;<span class="style2">TEST</span></td>
  </tr>
  <tr>
    <th height="19" bgcolor="#5EAEFF" scope="col">&nbsp;</th>
    <th width="249" bgcolor="#5EAEFF" scope="col">&nbsp;</th>
  </tr>
  <tr>
    <td height="19" align="left" bgcolor="#00006C"><span class="style1">&nbsp;Indhold3:</span></td>
    <td height="19" align="left" bgcolor="#00006C"><span class="style1">&nbsp;Indhold4:</span></td>
  </tr>
  <tr>
    <td height="200" align="left" bgcolor="#CCE6FF">&nbsp;<span class="style2">TEST</span></td>
    <td height="200" align="left" bgcolor="#CCE6FF">&nbsp;<span class="style2">TEST</span></td>
  </tr>
</table>
</body>
</html>
Avatar billede steen Nybegynder
07. februar 2004 - 22:14 #14
Nej... for du har jo valgt en baggrundsfarve i dine celler.... de dækker jo over billedet
Avatar billede nitram30 Nybegynder
07. februar 2004 - 22:18 #15
Er der en lille mulighed for at se billedet på nogen måde overhovedet eks midt i hele tabellen?
Avatar billede nitram30 Nybegynder
07. februar 2004 - 22:19 #16
uden at ændre farver. :-) Ellers må jeg bare leve uden billede på denne side. :-)
Avatar billede steen Nybegynder
07. februar 2004 - 22:21 #17
Jeg ved ikke hvordan jeg skal løse det! .-(
Avatar billede roenving Novice
08. februar 2004 - 05:11 #18
Du kan prøve med en gennemsigtighed på cellerne, men det vil gælde både farve og tekst i cellen:

style="filter:alpha(opacity=50);-moz-opacity:0.5;"
Avatar billede nitram30 Nybegynder
08. februar 2004 - 09:06 #19
Hej Roenving!

Det var en mulighed. :-)
Men farverne bliver ændret for meget. lægger lige hovedet lidt i blød...
Er det ikke hul i hovedet at dele billedet op og smide det ind i hver celle?
Hmm må lige overveje om jeg vil gøre noget andet. :-)
Avatar billede roenving Novice
08. februar 2004 - 09:08 #20
Det med at slice billeder er faktisk meget brugt !-)
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 15:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
26/0813:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
White papers
Flere white papers »