Avatar billede nell Nybegynder
23. november 2001 - 02:35 Der er 8 kommentarer og
1 løsning

CSS og tabeller

Hej alle.

Jeg sidder og roder lidt med noget css og nogle tabeller. Det virker fint i IE med NS vil ikke som den skal. Meningen er at jeg skal have et billede oven på et andet billede hvorpå der er tekst ovenpå, men de kan i/du vel se ud af koden. Det skal virke til NS4+ og IE4+ så er der ellers ikke mere og sige håber du kan hjælpe mig.

<html>
<head>
    <title>TEST</title>

<style type=\"text/css\">
#tekst {
    position: absolute;
}
</style>
</head>

<body>
<table border=\"1\" height=\"120\" cellpadding=\"0\" cellspacing=\"0\">
  <tr>
    <TD>&nbsp;</TD>
    <td  height=\"100\" width=\"75\" nowrap background=\"logo.gif\">
      <div id=\"tekst\"><img src=\"logo1.gif\"  border=\"0\"></div>
      <div id=\"tekst\">Tekst</div>
    </td>
  </tr>
    <tr>
    <td height=\"100\" background=\"logo.gif\" width=\"75\" nowrap>
      <div id=\"tekst\"><img src=\"logo1.gif\" width=\"80\" height=\"25\" border=\"0\"></div>
      <div id=\"tekst\">Tekst</div>
    </td>
    <TD>&nbsp;</TD>
  </tr>
</table>
</body>
</html>
Avatar billede sukos Juniormester
23. november 2001 - 02:56 #1
Du kan starte med at give position: absolute; en top og left!

F.eks.

#tekst {position: absolute; top:40px; left: 100px;}


Men du vil jo lægge det hele ovenpå hinanden, med den kode du viser???
Avatar billede jakoba Nybegynder
23. november 2001 - 03:20 #2
Hver id må kun optræde een gang. der må ikke være 2 html-elementer med samme id.
I IE kan man udspile et span med width og height. NS kræver noget til at spile den ud med.

<html>
<head><title>TEST</title>
<style type=\"text/css\">
.news { background-image:url(logo1.gif) }
</style>
</head>
<body>
<table border=\"1\" height=\"200\" cellpadding=\"0\" cellspacing=\"0\">
  <tr>
    <TD>&nbsp;</TD>
    <td height=\"100\" width=\"75\">
      <span class=\"news\"
      ><table border=0 cellpadding=0 cellspacing=0 width=75 height=100
      ><tr><td>tekst</td></tr></table
    ></span
  ></td>
  </tr>
    <tr>
    <td height=\"100\" width=\"75\">
      <span class=\"news\"
      ><table border=0 cellpadding=0 cellspacing=0 width=75 height=100
      ><tr><td>tekst</td></tr></table
    ></span
  ></td>
    <TD>&nbsp;</TD>
  </tr>
</table>
</body>
</html>

mvh JakobA
Avatar billede nell Nybegynder
23. november 2001 - 09:31 #3
lidt flere kommentar... ja som jeg tidligere skrev så så de 3 elementer ligge oven på hinanden.
Forestil jer et billede af et hus........ så et billede af en tilbudsramme og oven over dette en tekst med enten \"køb det\" eller \"solgt\".
det kode jeg sendte med virker fint til det i IE men i NS halter det, jeg vil helst undgå at give en left og top da der skal vises flere huse på samme side, og den beskrivelse der er med kan variere dette medfører at teksten kommer til at stå unden for grundbilledet nogle gang.

håber det gav mere mening.
Avatar billede jakoba Nybegynder
23. november 2001 - 12:16 #4
Altså tabelcelle med billedbaggrund    75 * 100
billede                              ? * ?
og tekst

kan du fortælle hvor stort billedet er og hvor det skal placeres.

dit eksempel laver billedet 80 bredt i en celle der er 75 bred, skal billedet rage udover kanten?

hvis du har mulighed for at lægge billeder og baggrunde på nettet vil det være ideelt.

mvh JakobA
Avatar billede nell Nybegynder
23. november 2001 - 19:21 #5
jeg opretter lige en side og sender et link så du kan se hvad jeg vil have.
Avatar billede nell Nybegynder
23. november 2001 - 19:49 #6
her er et link

siden vises fint i IE men NS.... tegner den det ikke ret meget af det

http://www.muj.dk/test.html

Det er meningen at det html der skal køres i en loop således at der kommmer x antal huse. Så der kommer left og top til at give et problem.
Avatar billede jakoba Nybegynder
23. november 2001 - 22:08 #7
så er den der vist: http://www.jakoba.dk/eksperten/exp137419.html

men den kræver lidt:
billederne skal resizes til korrekt størrelse.
for hver billed skal der laves en div med id=\'husa\', id=\'husb\' osv
til hver af de id\'er skal der laves en style som du kan se i koden.
husbillederne tegnes ind i tabllen og skal have navne \'husapic\', \'husbpic, ...

mvh JakobA
Avatar billede jakoba Nybegynder
23. november 2001 - 22:09 #8
og en til:
for hvet div skal der tilføjes et  placer(\'divN\') kald i din onload handeler.
Avatar billede nell Nybegynder
24. november 2001 - 18:45 #9
Tusinde tak.... det var lige det jeg manglede.
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