Avatar billede angelenglen Nybegynder
14. april 2003 - 19:50 Der er 17 kommentarer og
1 løsning

hjælp mig med et table!

jeg skal have lavet et table, men mine forsøg indtil nu er fejlet - jeg har kun fået noget der er stretchet ud forkert...

her er et billed af princippet bag tablet, samt billedernes placering:
http://www.psycotics.dk/trash/experten/gallery_border_layout.gif

-her er hvordan det i teorien skulle kunne se ud, hvis tablet virker som det skal:
http://www.psycotics.dk/trash/experten/gallery_border_total.gif

-og her er de forskellige billeder tabel'et skal bruge (så du slipper for at klippe dem ud af _total.gif-billedet)
http://www.psycotics.dk/trash/experten/gallery_border_1.gif
http://www.psycotics.dk/trash/experten/gallery_border_2.gif
http://www.psycotics.dk/trash/experten/gallery_border_3.gif
http://www.psycotics.dk/trash/experten/gallery_border_4.gif
http://www.psycotics.dk/trash/experten/gallery_border_5.gif
http://www.psycotics.dk/trash/experten/gallery_border_6.gif
http://www.psycotics.dk/trash/experten/gallery_border_7.gif
http://www.psycotics.dk/trash/experten/gallery_border_8.gif
http://www.psycotics.dk/trash/experten/gallery_border_9.gif
http://www.psycotics.dk/trash/experten/gallery_border_10.gif
http://www.psycotics.dk/trash/experten/gallery_border_11.gif
http://www.psycotics.dk/trash/experten/gallery_border_12.gif
http://www.psycotics.dk/trash/experten/gallery_border_13.gif
http://www.psycotics.dk/trash/experten/gallery_border_14.gif
http://www.psycotics.dk/trash/experten/gallery_border_15.gif
http://www.psycotics.dk/trash/experten/gallery_border_16.gif
-zippet:
http://www.psycotics.dk/trash/experten/gallery_border.zip

Håber der er nogen der kan lave det, for jeg har snart givet op...
Avatar billede olebole Juniormester
14. april 2003 - 20:03 #1
<ole>

Undskyld, men hvorfor dog det? Der må da være en bedre måde at lave det på. Hvad er det, du vil lave?

/mvh
</bole>
Avatar billede angelenglen Nybegynder
14. april 2003 - 20:05 #2
jeg vil have et billed i midten, som er "omringet" af et table med grafik til border i
Avatar billede schaefner Juniormester
14. april 2003 - 20:20 #3
Byg selv videre:

<table cellpadding="0" cellspacing="0" border="0"><tr>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_1.gif"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_2.gif"></td>
    <td style="background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_3.gif')"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_4.gif"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_5.gif"></td>
</tr><tr>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_16.gif"></td>

    <td colspan="3" rowspan="3">Billede</td>

    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_6.gif"></td>
</tr><tr>
    <td style="background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_15.gif')"></td>
    <td style="background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_7.gif')"></td>
</tr><tr>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_14.gif"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_8.gif"></td>
</tr><tr>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_13.gif"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_12.gif"></td>
    <td style="background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_11.gif')"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_10.gif"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_9.gif"></td>
</tr></table>
Avatar billede angelenglen Nybegynder
14. april 2003 - 20:25 #4
jeg kan se du har ca samme problem som jeg havde:

http://www.psycotics.dk/trash/experten/gallery_border_error.gif

(screenshot fra denne kode:) -> http://www.psycotics.dk/trash/experten/border.htm
<body bgcolor="#000000">
<center>
<table cellpadding="0" cellspacing="0" border="0"><tr>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_1.gif"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_2.gif"></td>
    <td style="background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_3.gif')"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_4.gif"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_5.gif"></td>
</tr><tr>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_16.gif"></td>

    <td colspan="3" rowspan="3">        <img src="'http://www.psycotics.dk/trash/experten/whatever.gif"></td>

    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_6.gif"></td>
</tr><tr>
    <td style="background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_15.gif')"></td>
    <td style="background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_7.gif')"></td>
</tr><tr>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_14.gif"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_8.gif"></td>
</tr><tr>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_13.gif"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_12.gif"></td>
    <td style="background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_11.gif')"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_10.gif"></td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_9.gif"></td>
</tr></table>
Avatar billede svoeber Nybegynder
14. april 2003 - 20:27 #5
Du kan også bare lave det som en baggrund i en <div>. Uden at klippe det op, altså.

fx.:
<div style="background-image: url(http://www.psycotics.dk/trash/experten/gallery_border_total.gif);width: 399px;height: 450px; ">
<div style="padding:Xpx;">
skriv indhold her
</div>
</div>

Hvor du lige angiver padding med korrekte værdier.

Det virker så ikke, hvis indholdet bliver større end rammen.
Avatar billede angelenglen Nybegynder
14. april 2003 - 20:28 #6
pointen er at der skal kunne være billeder af variabel størrelser - total var kun et eksempel på éen størrlse, langt de fleste billeder vil nok være mindre.
-derfor er den eneste løsning jeg har kunne komme i tanke om et table... og det kan jeg ikke få til at virke :'(
Avatar billede svoeber Nybegynder
14. april 2003 - 20:30 #7
Hvis du vil have
http://www.psycotics.dk/trash/experten/border.htm
til at virke, handler det vel bare om, at få sat korrekt bredde og højde på tabel-cellerne.
Avatar billede angelenglen Nybegynder
14. april 2003 - 20:32 #8
har jeg prøvet, den strecher de forkerte celler.
-jeg definerede højde og bredte på alle celler undtagen på de 4 i midten (én på hver side) - således at i teorien skulle den ikke kunne trække i de andre, og derved være tvunget til at trække i de under-definerede celler, men det gør en ikke - tværtimod er det nogle af de eneste celler den íkke trækker i???
det er absolut ikke logisk!
Avatar billede svoeber Nybegynder
14. april 2003 - 20:36 #9
Nej, det kan jeg se.
...spøjst!
Avatar billede bearhugx Nybegynder
14. april 2003 - 21:09 #10
Jeg har lavet et eksempel, hvor de sidste bliver justeret via javascript... Det er lidt af et hack men måske kan du bruge det....

filen ligger på http://exp.skroeder.dk/340563/
Avatar billede angelenglen Nybegynder
14. april 2003 - 23:36 #11
jo, det ser ud til at virke, men hvordan benytter jeg det hvis der skal være flere billeder på samme side? (altså flere af de rammer)
Avatar billede svoeber Nybegynder
15. april 2003 - 12:22 #12
Her er den.
Desværre med tables i tables - men det virker :)

<table cellpadding="0" cellspacing="0" border="0"><tr>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_1.gif"></td>
    <td style="background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_3.gif');">
        <table cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td align="left"><img src="http://www.psycotics.dk/trash/experten/gallery_border_2.gif"></td>
                <td align="right"><img src="http://www.psycotics.dk/trash/experten/gallery_border_4.gif"></td>
            </tr>
        </table>
    </td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_5.gif"></td>
</tr><tr>
    <td style="height: 100%;background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_15.gif')" valign="top">
        <table cellpadding="0" cellspacing="0" height="100%">
            <tr><td valign="top"><img src="http://www.psycotics.dk/trash/experten/gallery_border_16.gif"></td></tr>
            <tr><td valign="bottom"><img src="http://www.psycotics.dk/trash/experten/gallery_border_14.gif"></td></tr>
        </table>
    </td>
    <td><img src="'http://www.psycotics.dk/trash/experten/whatever.gif" width="300" height="300"></td>
    <td style="height: 100%;background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_7.gif')">
        <table cellpadding="0" cellspacing="0" height="100%">
            <tr><td valign="top"><img src="http://www.psycotics.dk/trash/experten/gallery_border_6.gif"></td></tr>
            <tr><td valign="bottom"><img src="http://www.psycotics.dk/trash/experten/gallery_border_8.gif"></td></tr>
        </table>
    </td>
</tr><tr>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_13.gif"></td>
    <td style="background-image: url('http://www.psycotics.dk/trash/experten/gallery_border_11.gif')">
        <table cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td align="left"><img src="http://www.psycotics.dk/trash/experten/gallery_border_12.gif"></td>
                <td align="right"><img src="http://www.psycotics.dk/trash/experten/gallery_border_10.gif"></td>
            </tr>
        </table>
    </td>
    <td><img src="http://www.psycotics.dk/trash/experten/gallery_border_9.gif"></td>
</tr></table>
Avatar billede bearhugx Nybegynder
15. april 2003 - 13:07 #13
svoeber >> desværre må jeg sige, at du har et problem idet du giver en fast height og width på billedet ... Såvidt jeg har forstået skal det være rammen, som justerer sig til billedet - ikke omvendt

ved at man resizer alle billeder til en størrelse kunne man jo bare med det sammen have placeret en fast højde/bredte på "stræk"-elementerne - og så ville hele dette spm jo ikke have været nødvendigt...
Avatar billede svoeber Nybegynder
15. april 2003 - 13:09 #14
bearhugz >>
Det er bare pga min test, at billedet har faste dimensioner.
Det virker fint uden :)
Avatar billede bearhugx Nybegynder
15. april 2003 - 13:13 #15
he he ... det må jeg sige...

http://exp.skroeder.dk/340563/ (svoebers eksempel er også med...)
Nu har jeg ellers lige moslet lidt med JavaScript her - og så kommer du med en JS-fri version ... Det er sgu snyd :-)))
Avatar billede svoeber Nybegynder
15. april 2003 - 13:17 #16
sorry :)
Men jeg tænkte, at det _måtte_ kunne lade sig gøre uden.

Til gengæld har jeg måtte bruge "ulovligt" HTML, fx at sætte height=100% i en <table>.
Men det virker i hvertfald i IE og Mozilla.
Avatar billede bearhugx Nybegynder
15. april 2003 - 13:30 #17
Jeg har lige checket efter i Opera - og der får du nogle problemer! Men du har ret - både i IE og Mozilla virker det fino :-)))
Avatar billede angelenglen Nybegynder
15. april 2003 - 16:47 #18
det ser ud til at virke, her er et eksempel af det inbygget it mit galleri php script:

http://www.psycotics.dk/trash/gallery/

-dog fucker den lidt op i transparency af nogle af gif'erne men det har jo ikke noget med scriptet at gøre...
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