Avatar billede torstein Novice
15. april 2002 - 21:25 Der er 14 kommentarer og
1 løsning

Baggrundsbillede i tabel.

Hej.

har følgende side www.farum-volley.dk/beach.php , hvor jeg skal have et baggrundsbillede i den inderste tabel. Ligegyldigt hvad jeg gør/laver ud fra eksempler her på eksperten, kan jeg ikke få lor... til at virke. Kan I hjælpe??

HTML:
<html>
<link rel='stylesheet' href='stylesheet.css' type='text/css' title='style sheet'>
<body
onload="java script:{if(parent.frames[0]&&parent.frames['MyFrameOne'].Go)parent.frames['MyFrameOne'].Go()}" topmargin="0" leftmargin="0"  background="images/d2.jpg" bgproperties="fixed">
<br>
  <table border="1" width="700" height="450" cellspacing="0" cellpadding="0">
    <tr>
      <td width="100%" valign="top">
      <table border="0" width="699" height="449" cellspacing="8" cellpadding="8">
    <tr>
      <td width="100%" valign="top"></td>
<!-- frames -->
<frameset  cols="20%,*">
    <frame name="beach_left" src="" marginwidth="0" marginheight="0" scrolling="no" frameborder="0">
    <frame name="beach_main" src="" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0">
</frameset>
                </td>
              </tr>
            </table>
      </td>
    </tr>
  </table>
</body>
</html>

CSS:
body {
    background: #e3ddca;
    font-family : tahoma;
    font-size : 12px;
    SCROLLBAR-FACE-COLOR: #dbd9ab;
    SCROLLBAR-HIGHLIGHT-COLOR: #969386;
    SCROLLBAR-SHADOW-COLOR: #969386;
    SCROLLBAR-3DLIGHT-COLOR: #969386;
    SCROLLBAR-ARROW-COLOR: #969386;
    SCROLLBAR-TRACK-COLOR: #969386;
    SCROLLBAR-DARKSHADOW-COLOR: #969386;

}

a:link,a:visited,a:hover,a:active{
    text-decoration: none;
    font-family : tahoma;
    color: black;
    font-weight : bold;
}

table {
    background: #ffffff;
    font-family : tahoma;
    font-size : 12px;
   
}

Takker mange gange
Avatar billede torstein Novice
15. april 2002 - 21:26 #1
Den helt rigtige link er www.farum-volley.dk?side=beach.php
Avatar billede bearhugx Nybegynder
15. april 2002 - 21:35 #2
Er det kun i én celle eller er det hele tabellen, som skal have et baggrundsbillede ???

/Søren
Avatar billede jakoba Nybegynder
15. april 2002 - 21:40 #3
Det der frameset inde midt i din tabel er ihvertfald temmelig malplaceret.
<FRAMESET kommandoen må KUN bruges som et alterntiv til <BODY den kan ikke bruges som element på en side.

mvh JakobA
Avatar billede bearhugx Nybegynder
15. april 2002 - 21:42 #4
Her er løsningen
1) kun cellen

        <table>
        <tr>
            <td background="tile02.gif">
                <b>Baggrund kun i denne celle</b><br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
            </td>
        </tr>
        <tr>
            <td>
                <i>ikke baggrund i denne celle</i><br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
            </td>   
        </tr>
        </table>
       
2) Hele tabellen har samme baggrund       
        <table background="tile02.gif">
        <tr>
            <th colspan=2> Bagrundsbillede i hele tabellen</th>
        </tr>
        <tr>
            <td>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
            </td>
            <td>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
            </td>
        </tr>
        <tr>
            <td>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
            </td>
            <td>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx <br/>
            </td>
        </tr>
        </table>

Jeg beklager de mange "x"'er men det var lige for at få noget fylde på tabellerne :-)
Avatar billede bearhugx Nybegynder
15. april 2002 - 21:47 #5
Siden eller ser godt ud:-) omend jeg godt kunne have været foruden scrolleren mellem "nyheder" og "indholdsruden"

/Søren
Avatar billede bearhugx Nybegynder
15. april 2002 - 22:00 #6
ps : hvis du hellere vil lave det med css så er kommandoen

<table style="background : url(tile02.gif);">
...
</table>

/Søren
Avatar billede torstein Novice
15. april 2002 - 23:56 #7
Bearhugx:
Begge fungerer fint, har du kommandoen til at fastfryse billedet (bg properties?? fixed)
JakobA: Der er sikkert noget om snakken. Skal have lavet en mindre menu i tabellen, og kan ikke se anden udvej end at dele siden op i to. Har prøvet med en switch/case i php og/eller include, men så skrap er jeg ikke...ENDNU...
Avatar billede torstein Novice
16. april 2002 - 00:14 #8
Dog, nu hvor jeg skal have tekst ind, flytter billedet sig ned i bunden under teksten, OG DET ER IKKE MENINGEN :(
Avatar billede bearhugx Nybegynder
16. april 2002 - 00:34 #9
Fastfryse billedet ????? Hvad mener du...
Avatar billede torstein Novice
16. april 2002 - 00:48 #10
Jo, det skulle jo gerne være et baggrundsbillede, som ikke bliver forskubbet ned under teksten (længere nede på siden)
Avatar billede bearhugx Nybegynder
16. april 2002 - 07:24 #11
Åbenbart er BGProperties, som du bruger ovenfor, et M$-specifikt udtryk - og det virker kun hvis man også samtidig bruger background-attributten til at give billede-urlen (dvs. at det ikke virker, hvis man bruger style="background....") ....

Sjovt nok kommer M$ med denne "fantastiske" dejlige attribut (som _kun_ kan læses i IE), på trods af, at man allerede fra W3Cs side har en CSS kommando til at gøre arbejdet -- nemlig style-property'en "background-attachment", som så kan sættes til "fixed"

Derfor prøv dette...
<body style=" background : url(baggrundsbillede.gif); background-properties : fixed;">

/Søren
Avatar billede bearhugx Nybegynder
16. april 2002 - 07:28 #12
En lille rettelse ....

I eksempelt ovenfor skal stå
<body style="background:url(bgbillede.gif); background-attachment:fixed;">

Og efter nærlæsning af specifikationen kan man også bruge en "Shorthand" (dvs. kompakt metode), til at få tingene gjort:

<body style="background:url(bgbillede.gif) fixed">

/Søren
Avatar billede sukos Juniormester
16. april 2002 - 07:32 #13
Er det ikke bedre at sige:
background-repeat: no-repeat;

fixed er jo en IE-ting.
Avatar billede bearhugx Nybegynder
16. april 2002 - 07:38 #14
BGProperties er en IE ting...

Derimod er background-attachment:fixed fastsat i en CSS1 specifikationen - dvs. alle browsere som understøtter CSS1 burde kunne arbejde med denne property.

background-repeat:no-repeat gør ikke at billedet "fryses på skærmen", så det får det wartermark-præg, som åbenbart er ønsket...
no-repeat gør kun at billedet ikke bliver Tiled (fliselagt), som det ellers normal ville gøre...

/Søren
Avatar billede torstein Novice
16. april 2002 - 13:45 #15
Sådan Søren, din lille rettelse fungerer perfekt.
Mange tak:))
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