Notifikationer

Markér alle som læst Log ud

repsak Nybegynder

12. november 2003 - 22:04 Der er 24 kommentarer og
1 løsning

Div - problem

Hvordan får jeg 'kasper' til at stå øverst til venstre i den tonede boks?

<html>
<head>
<style type="text/css">
.back
{
background-image: url("back.jpg");
background-repeat: no-repeat;
background-position: center top;
color: white;
font-family: arial;
}

.fade
{
filter: alpha(opacity=60);
background-color = black;
}

#lag1
{
position: relative;
z-index: 1;
text-align: center;
}

#lag2
{
position: relative;
z-index: 2;
text-align: center;
}

</style>
</head>
<body bgcolor="black">
<div id="lag1">
<table class="back" height="100%" width="692" align="center">
<tbody>
<tr>
<td width="5%" rowspan="4">
</td>
<td>
MENU</td>
<td width="5%" rowspan="4">
</td>
</tr>
<tr>
<td height="20">
</td>
</tr>
<tr>
<td class="fade">
<div id="lag2">Kasper
</div>
</td>
</tr>
<tr>
<td height="20">
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

Synes godt om

roenving Novice

12. november 2003 - 22:16 #1

Prøv at sætte denne _før_ <html>-tagget:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Synes godt om

repsak Nybegynder

12. november 2003 - 22:24 #2

úha den går ikke for så fjerner den min opaque

Synes godt om

roenving Novice

13. november 2003 - 00:27 #3

Jeg bruger da også doctype på:

http://roenving.users.whitehat.dk/WD5Opacity.html -)

Synes godt om

olebole Juniormester

14. november 2003 - 20:50 #4

<ole>

repsac >> Du kan ikke undvære DTD'en. Den er en forudsætning for, browseren overhovedet ved, hvordan siden skal se ud :)

URL-delen i DTD'en er ligeledes en nødvendighed, da IE ikke kan tolke CSS uden.

/mvh
</bole>

Synes godt om

repsak Nybegynder

14. november 2003 - 21:39 #5

http://www.cablesleep.dk/eksperten/test.htm

det virker altså ikke når jeg smider den <!doctype...> ind

Synes godt om

olebole Juniormester

14. november 2003 - 22:43 #6

Jamen, det virker da heller ikke uden i IE6/XP :)
Hvis du skriver korrekt syntaks, vil det nok gå meget bedre. Check dokumentationen:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alpha.asp

... og ikke mindst disse linier:

"The object that the filter is applied to must have layout before the filter effect displays. You can give the object layout by setting the height or width property, setting the position property to absolute, setting the writingMode property to tb-rl, or setting the contentEditable property to true." ;o)
/mvh

Synes godt om

repsak Nybegynder

14. november 2003 - 22:58 #7

jamen piv piv, jeg vil jo bare have 'kasper' til at stå korrekt. Alt det korrekthed er sekundært :-) Hvordan får jeg det til det?

Synes godt om

olebole Juniormester

14. november 2003 - 23:03 #8

Det har jeg lige svaret dig på ... der er ikke tale om 'korrekthed' - men nødvendighed. Korrekthed er yderst sjældent sekundært, men derimod primært.
Hvis du derimod insisterer på at skrive skod-kode, kan du ikke få noget somhelst til at virke - og så er der ingen, der kan hjælpe dig :)
/mvh

Synes godt om

repsak Nybegynder

14. november 2003 - 23:31 #9

har du læst spørgsmålet? Jeg fatter overhovedet ikke hvordan det her kan løse mit problem

Synes godt om

olebole Juniormester

14. november 2003 - 23:49 #10

Ja, jeg er jo ikke helt idiot :)
Du skal starte med at sætte en DTD ind. Uden den er det helt tilfældigt, hvordan, siden vises. Du kan roligt sætte DTD'en ind, da du også bruger forkert syntaks i dit filter. Det virker overhovedet ikke i IE/XP - med eller uden DTD.
Derfor gav jeg dig anvisningen på at bruge det, så andre end du selv kan se det. Har du overhovedet læst de linier, jeg kopierede ind i (14/11-2003 22:43:43) - eller trykket på linket? Hvad er det præcist, du ikke forstår i de linier?

Du bliver jo nødt til at starte med at skrive bare _nogenlunde_ ordentlig kode ... ellers spilder du jo bare vores tid - og får ikke noget til at fungere.

Synes godt om

repsak Nybegynder

15. november 2003 - 12:13 #11

Jeg har tilføjet:
background-color = black;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);

samt: <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> på http://www.cablesleep.dk/eksperten/test.htm men det virker ikke? Kan du se på kildekoden hvad jeg gør galt?

"Har du overhovedet læst de linier, jeg kopierede ind i (14/11-2003 22:43:43)"
Ja, og jeg skulle mene at når jeg skriver "background-color = black;" så har jeg tilføjet layout til min celle.

"- eller trykket på linket?"
Klart, og jeg fandt et eksempel, men det kunne jeg ikke få overført til min kode.

"Hvad er det præcist, du ikke forstår i de linier?"
Hehe jeg er ikke særlig skarp i HTML/css, så der er meget jeg ikke forstår

Synes godt om

olebole Juniormester

15. november 2003 - 12:25 #12

Sæt en højde, en bredde eller position til absolute

Synes godt om

repsak Nybegynder

15. november 2003 - 12:38 #13

like this?
http://www.cablesleep.dk/eksperten/test.htm

Synes godt om

olebole Juniormester

15. november 2003 - 12:45 #14

Ja, så virker filtret - men om det er den visning, du ønsker, ved jeg ikke :)

Synes godt om

repsak Nybegynder

15. november 2003 - 13:08 #15

(Filteret har virket fra starten :-)
Mit problem er at teksten 'Kasper' skal stå øvert til venstre i den sorte celle. Teksten skal ikke fades - kun baggrunden. Således at Kasper står med hvid skrift på sortfadet baggrund http://www.cablesleep.dk/eksperten/test.htm

Synes godt om

olebole Juniormester

15. november 2003 - 13:40 #16

Jeg gi'r op ... filtret virker først nu! At skidtet virker i din, personlige browser, betyder ikke, det virker. Det betyder blot, den browserversion, du bruger har en bug. At få det til at virke kræver, man bruger den korrekte syntaks.

Synes godt om

repsak Nybegynder

15. november 2003 - 14:12 #17

kan du få 'Kasper' til at stå korrekt med den korrekte syntaks, så får du 100 points :-)

Synes godt om

olebole Juniormester

15. november 2003 - 14:58 #18

Nøjes med 60 points :)
Det kunne f.eks. gøres sådan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
body, html {
height: 100%;
margin: 0px;
background-color: #000000;
}
.cont-div {
font-family: arial, verdana, sans-serif;
color: #ffffff;
text-align: center;
}
.cont-div span {
position: relative;
}
.cont-div span img {
width: 693px;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
#kasper {
position: absolute;
top: 50px;
left: -50px;
}
#menu {
position: absolute;
top: 250px;
left: 50px;
}
</style>
</head>
<body>

<div class="cont-div">
<span>
<div id="kasper">Kasper</div>
<div id="menu">Menu</div>
<img src="http://www.cablesleep.dk/eksperten/back.jpg">
</span>
</div>

</body>
</html>

Så kan du selv fedte lidt rundt med tallene i placeringen af teksterne :)
/mvh

Synes godt om

repsak Nybegynder

16. november 2003 - 11:23 #19

takker, jeg ser lige på det så får du points :-)

Hvordan kan det være at du vil have absolutte positioner? Er det ikke mere dynamisk at lave det med % i tabellerne, så man får et resultat som minder om flash (tilpasser sig vinduet og opløsningen)

Synes godt om

repsak Nybegynder

21. november 2003 - 11:32 #20

du er ikke glemt, men jeg vender først tilbage i næste uge :)

Synes godt om

repsak Nybegynder

01. december 2003 - 13:09 #21

argh du skal jo plante et svar før du kan få points :-)

Synes godt om

olebole Juniormester

02. december 2003 - 22:54 #22

swaaaar ;o)

Synes godt om

repsak Nybegynder

03. december 2003 - 10:25 #23

Synes godt om

repsak Nybegynder

10. december 2003 - 11:53 #24

ville du have point?

Synes godt om

olebole Juniormester

10. december 2003 - 17:25 #25

Ahaahhh ... sorry :D

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS