Avatar billede bulli Nybegynder
31. juli 2002 - 09:31 Der er 26 kommentarer og
1 løsning

background image no repeat i tabel

jeg har et billede jeg skal have som baggrund i en tabel, men kun i denne tabel og det skal ikke gentages, hvad er den korrekt csssyntax?
Avatar billede pelkjaer Nybegynder
31. juli 2002 - 09:32 #1
background-repeat: no-repeat;
Avatar billede pelkjaer Nybegynder
31. juli 2002 - 09:33 #2
´Fx.

<style type="text/css">
<!--
#picTable {
    background-attachment: fixed;
    background-color: #FFFFFF;
    background-image: url(gfx/bg.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px;
}
-->
</style>

<table id="picTable">
<tr>
<td></td>
</tr>
</table>
Avatar billede bulli Nybegynder
31. juli 2002 - 09:33 #3
ja, men hvor skal jeg placere det?
<table style background-repeat: no-repeat;...???
Avatar billede bulli Nybegynder
31. juli 2002 - 09:34 #4
ok det prøver jeg så:)
Avatar billede bulli Nybegynder
31. juli 2002 - 09:42 #5
virker ikke, er det måske fordi jeg også har php-script i tabellen?
Avatar billede cthun Nybegynder
31. juli 2002 - 09:44 #6
prøv og brug class i stedet for!!
<html>
<head>
<style type="text/css">
<!--
.picTable {
    background-attachment: fixed;
    background-color: #FFFFFF;
    background-image: url(gfx/bg.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px;
}
-->
</style>
</head>
<body>
<table class="picTable">
<tr>
<td></td>
</tr>
</table>
</body>
</html>
Avatar billede pelkjaer Nybegynder
31. juli 2002 - 09:45 #7
Nej det virker fint - ingen grund til classes her.

Har du stien til dit billede korrekt?

background-image: url(gfx/bg.gif);

(her ligger bg.gif jo i en mappe der hedder gfx)
Avatar billede =maddog= Nybegynder
31. juli 2002 - 09:54 #8
pelkjaer> måske du skulle forklare helt tydeligt at manden skal skrive id="picTable" for at binde den til #picTable i stylesheetet
Avatar billede bulli Nybegynder
31. juli 2002 - 09:56 #9
begge forslag virker på en almindelig html side, men det tyder på at der konflikt når f.x. php-script er i blandt!:-(
Avatar billede bulli Nybegynder
31. juli 2002 - 09:57 #10
maddog> nej forstår godt hvordan css hænger sammen

alle> man må bare ikke både baggrundsfarve og bgkbillede, for så dominerer baggrundsfarven!
Avatar billede =maddog= Nybegynder
31. juli 2002 - 09:57 #11
kanske du skal huske at escape eventuelle " før det bliver echoet ud.
Avatar billede pelkjaer Nybegynder
31. juli 2002 - 09:59 #12
Bulli>>Kan du dokumentere den påstand? For jeg har aldrig stødt på den problemstilling?

maddog>>Er det ikke det jeg gør i min første kommentar :o)
Avatar billede hien Nybegynder
31. juli 2002 - 10:05 #13
Brug denne her sætning:
<td style="background-image: url('gfx/bg.jpg'); background-repeat: no-repeat">

/hien - http://hien.h4f.dk/ (har fødselsdag) :)
Avatar billede bulli Nybegynder
31. juli 2002 - 10:06 #14
ok  pelkjaer> hvis man placerer "baggrundfarven" efter "baggrundsbilledet" (helst til sidst) virker det fint
Avatar billede =maddog= Nybegynder
31. juli 2002 - 10:10 #15
man kan faktisk anbringe det i en 'one-liner'
background: url(pic.gif) #333333 fixed no-repeat center center;
Avatar billede bulli Nybegynder
31. juli 2002 - 10:11 #16
måske kan I bruge koden til noget

<html>
<head>
<style type="text/css">
<!--

body        { font-size : 12px; font-family : Arial, Helvetica, sans-serif; font-weight : normal; background-color : #DBE1E8; }
td            { font-size : 12px; font-family : Arial, Helvetica, sans-serif; font-weight : normal; color : #003366; }
p            { font-size : 12px; font-family : Arial, Helvetica, sans-serif; font-weight : normal; color : #660000; }
.picTable     {  background-attachment: fixed; background-image: url(cerpient_1.jpg); background-repeat: no-repeat;  background-position: right top; margin: 0px;}
a:link        { color : #cccccc; text-decoration : none; ; border: #000000; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}
a:active    { color : rgb(102,0,0); text-decoration : none; }
a:visited    { color : rgb(102,102,102); text-decoration : none; }
a:hover     { color : #990000; text-decoration : none; ; border: #000000; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}
-->
</style>
<head>
<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
  <tr>
    <td align="center" valign="middle">
      <table width="750" border="0" cellspacing="0" cellpadding="1" bgcolor="#003366" height="100">
        <tr>
    <td>
            <table class="picTable" width="750" border="0" cellspacing="0" cellpadding="0" height="200">
              <tr>
    <td>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" bgcolor="#FFFFFF">
                    <tr>
                <td align="center" valign="middle">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" >
                    <tr>
                <td align="center" valign="middle">
                  <?PHP
  if (empty($lastname)or
    empty($name) or
    empty($email)) {
      echo 'Oopps you forgot to fill out the requested information!!!<br><a href="java script:history.back();">Go back</a>';
      die;
  }
  $crlf=chr(13).chr(10);
  $msg="From :             ".$email.$crlf; 
  $msg=$msg."Lastname : ".$lastname.$crlf;
  $msg=$msg."Name :     ".$name.$crlf;
  $msg=$msg."Adress :     ".$adress.$crlf;
  $msg=$msg."City :     ".$city.$crlf;
  $msg=$msg."Code :     ".$code.$crlf;
  $msg=$msg."Fon  :     ".$fon.$crlf;
  $msg=$msg."Fax      : ".$fax.$crlf; 
  $msg=$msg."Email    : ".$email.$crlf;
  $msg=$msg."Internet : ".$internet.$crlf;
 
  $msg=$msg."Comment :\n".$comment."\n\n";
 
  $header="From: $lastname <$email>\n";
 
  if (mail("norbert-thomsen@foni.net","Mail me",$msg,$header))
  {
    echo "Thanx for your mail...I'll get back to you as soon as possible:)<br><a href=\"http://www.batdesign.de/Pages/home.html\">Go Back</a><br>";
  } else
  {
    echo "Error !!!!<br>";
  };
?>
                </td>
              </tr>
            </table>
            </td>
              </tr>
            </table>
            </td>
              </tr>
            </table>
          </td>
  </tr>
</table>
    </td>
  </tr>
</table>
Avatar billede bulli Nybegynder
31. juli 2002 - 10:14 #17
hien > tillykke da:)
Avatar billede bulli Nybegynder
31. juli 2002 - 10:18 #18
hien > skal der ikke defineres noget td style i head?
Avatar billede pelkjaer Nybegynder
31. juli 2002 - 10:19 #19
Nej, ikke når man gør det på den måde.
Avatar billede bulli Nybegynder
31. juli 2002 - 10:21 #20
alle forslag virker på alm html sider, så det må være css der ikke fungerer sammen med php i selve tabellen??!:(
Avatar billede =maddog= Nybegynder
31. juli 2002 - 10:25 #21
bulli> det kan <explicit excluded> ikke passe! det eneste PHP gør er at sende HTML tilbage til browseren efter en forspørgsel.
Avatar billede bulli Nybegynder
31. juli 2002 - 10:29 #22
hvad skal jeg så gøre?
Avatar billede pelkjaer Nybegynder
31. juli 2002 - 10:31 #23
Kan du ikke prøve og uploade det hele?
Avatar billede =maddog= Nybegynder
31. juli 2002 - 10:33 #24
bulli> jamen det strider mod min logiske sans. thats all. har du prøvet at copy/paste hele responsen fra php-scriptet og sætte det ind i et blankt html dokument for at debugge?
Avatar billede hien Nybegynder
31. juli 2002 - 10:42 #25
tak :) nej du skal bare bruge den sætning!! det er meget simpelt... :)
Avatar billede nocs Nybegynder
02. august 2002 - 18:10 #26
Har lige prøvet noget ligende (faktisk det samme) på en side jeg er i gang med at opbygge. Det virker fint med PHP og CSS;
tekst i eksternt style sheet:
.bag { background-attachment: fixed;
    background-image: url(../media/bund2.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin: 0px;
}
HUSK AT URL TIL BILLEDET SKAL VÆRE FRA CSS PLACERING.
Her er det:
index.php
/media/bund2.jpg
/css/std.css
Avatar billede bulli Nybegynder
17. januar 2003 - 09:50 #27
okay, har fået det til at virke
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

IT-JOB

Politiets Efterretningstjeneste

Data engineer til PET

Forsvarsministeriets Materiel- og Indkøbsstyrelse

IT-supporter til Level 3 support på Forsvarets operative C2 systemer

Netcompany A/S

Linux Operations Engineer

Capgemini Danmark A/S

AI/Data Engineer