Avatar billede hono Nybegynder
17. juli 2002 - 22:54 Der er 7 kommentarer og
1 løsning

CSS - Gentage baggrund

Jeg har et baggrundsbillede i en tabel som gentager sig nedad mine tabel, afhængigt af hvor lang denne er. Det er også helt fint. Problemet er bare at den stopper tabellen uafhængigt af baggrundsbilledet, og skærer om nødvendigt dette over. Et eksempel:

Jeg har et bg-billede af en mand, og dette gentages nedad siden. Men da tabellen pludseligt ikke er længere stopper baggrunden midt i det hele. Således er det nederst af de gentagende baggrundsbilleder kun mandens overkrop, mens hans ben er skæret væk.

Det jeg ønsker er at min tabel skal udvide sig, så det passer med et helt antal baggrundsbillede, og ikke noget med et halvt eller en kvart til sidst. Kan det lade sig gøre?

Hono
Avatar billede esoulman Nybegynder
17. juli 2002 - 23:05 #1
Nej, det kan det egentlig ikke. Et tabel indretter sig efter indholdet.
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 23:09 #2
Du kan tjekke højden på tabellen og er den for kort så sætte den det længere, men det er lidt langhåret for en opretstående mand...  :))
Avatar billede nikolajdu Nybegynder
17. juli 2002 - 23:11 #3
Prøv lige at smide koden, så vi har noget at lege med :)
Avatar billede hono Nybegynder
17. juli 2002 - 23:54 #4
Hmm, min oprindelige kode er blandet med en masse uvedkommende php-kode. Så her er i stedet et eksempel:

<table>
<tr>
<td style="background-image:url('billede.gif');">

<?
echo $Min_streng_som_kan_variere_i_længden;
?>

</td>
</tr>
</table>


Hono
Avatar billede nikolajdu Nybegynder
18. juli 2002 - 00:09 #5
Det kunne jeg jo ikke vente på, så jeg har været i tv-køkkenet og snydt lidt (faktisk spurgte jeg OleBole) ;-)

<html>
<head>
    <title>Untitled</title>
   
    <STYLE>
.minTabel{
background-image:url("1.jpg");

}

</STYLE>
    <script>
   
    function skiftDu(){
    hojde = document.getElementById('tabellen').offsetHeight
    if (hojde<=126){
    nyhojde = 127
    }else if(hojde>=127&& hojde<=253){
    nyhojde = 254
    }else if(hojde>=254&&hojde<=380){
    nyhojde = 381
    }
    document.getElementById('tabellen').style.height = nyhojde
}

    </script>
</head>

<body onload="skiftDu()">
<div id="test">
<table border="1" style="width:50">
<tr>
<td id="tabellen"colspan="3"  class="minTabel">kæljæl a<br><br><br><br><br><br><br><br><br>kjdæas</td>
</tr>
</table>
</div>
</body>
</html>

Dette funker ved at jeg har mit bg billede som er 127 pixels højt, hvis tabellen er mindre, sætter jeg den til at blive længere og størrer eller lig med 127 og mindre end 254 osv osv... Det kan dog optimeres.

IE only - iøvrigt.

/Nikolaj
Avatar billede hono Nybegynder
20. juli 2002 - 23:50 #6
Hehe >> Så har olebole alligevel ikke helt sluppet Eksperten, kan man sige :). Tak for hjælpen til både dig nikolajdu og til olebole (du må bringe takken videre til ham ;)). Og læg så lige et svar :)

Hono
Avatar billede nikolajdu Nybegynder
21. juli 2002 - 00:59 #7
Ole har ihvertilfald ikke sluppet ICQ :))

/Nikolaj
Avatar billede nikolajdu Nybegynder
21. juli 2002 - 00:59 #8
Det eneste jeg egentligt spurgte ham om var offsetHeight, men jeg fik som altid et fint svar :)
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