Søg
Avatar billede dragnor Juniormester
25. juni 2008 - 09:33 Der er 9 kommentarer og
1 løsning

Table cell fast brede

Hej Eksperter

Jeg har et Table og deri nogle celler. Alle celler skal have en fast brede, enkelte af dem en fast højde. Problemet er så hvis der så lægges fx et billede ind hvor breden en større en den celle den er sat i, så går det ud over næsten hele min tabel. kan man ikke gøre sådan at det er billedet eller andet indhold der ændres på i forhold til cellen?
Avatar billede fennec Nybegynder
25. juni 2008 - 09:48 #1
Jeg ville sætte scroll på:

<table cellpadding="2" cellspacing="0" border="1">
<tr>
    <td ><div style="width:200px;height:150px;overflow:auto;"><img src="http://www.eksperten.dk/img/elogo.png"></div></td>
</tr>
<tr>
    <td ><div style="width:200px;height:150px;overflow:auto;"><img src="http://www.eksperten.dk/img/elogo.png" height="200"></div></td>
</tr>
</table>
Avatar billede fennec Nybegynder
25. juni 2008 - 09:54 #2
Lige en ekstra bemærkning. Du kan også bare nøjes med fast brede, hvis højden godt må variere. "E" billedere fra tidligere kan nemlig godt være der i breden, men ikke i den faste højde, jeg havde sat. Fjerner man højden bliver cellen bare det større. Gør man det endnu større, bliver højden af cellen reguleret, mens der kommer scroll horisontalt:

<tr>
    <td ><div style="width:200px;overflow:auto;"><img src="http://www.eksperten.dk/img/elogo.png" height="200"></div></td>
</tr>
<tr>
    <td ><div style="width:200px;overflow:auto;"><img src="http://www.eksperten.dk/img/elogo.png" height="300"></div></td>
</tr>
Avatar billede dragnor Juniormester
25. juni 2008 - 11:16 #3
Hvad hvis den tabel ligger inden i en anden tabel der er sat til width:200%?
Avatar billede dragnor Juniormester
25. juni 2008 - 11:16 #4
undskyld 100% ikke 200%
Avatar billede fennec Nybegynder
25. juni 2008 - 11:28 #5
Det burde være lige meget, men ellers vis os din kildekode og forklar hvor problemet er, så er det nemmere for os at forstå og løse problemet.
Avatar billede dragnor Juniormester
26. juni 2008 - 07:07 #6
<body onload="event_OnloadPage();" style="background: #e9ecf3">
        <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
        <td>
        <table width="963px" cellpadding="0" cellspacing="0" border="0" id="Table1" align="center">
            <tr>
                <td>
                    <div style="width:100%; height:30px"></div>
                    <div  style="background-image: url('../media/site_graphics/Topbillede.png'); height: 75px; font-size: medium; padding-top: 2"></div>
                    </td>
            </tr>
            <tr>
                <td>

                   
                </td>
            </tr>           
            <tr>
                <td>
                <table width="100%">
                    <tr>
                        <td width="256px" align="left" valign="top">
                        </td>
                        <td valign="top">
                        <table cellpadding="0" cellspacing="0" id="Table2" style="background-repeat:repeat-y; background-image: url('media/site_graphics/meeting/MeetingBody.jpg');">
                            <tr>
                                <td style="background-repeat:repeat-x; background-image: url('media/site_graphics/meeting/MeetingTopLeft.jpg'); width: 13px; height: 33px;">
                                    &nbsp;</td>
                                <td style="background-color:White; background-repeat:repeat-x; background-image: url('media/site_graphics/meeting/MeetingTop.jpg');  width: 549; padding-top: 12" class="htop">                                   
                                        <!-- #include file ="Custom/page_Select.asp" -->
                                </td>
                                <td style="background-repeat:repeat-x; background-image: url('media/site_graphics/meeting/MeetingTopRight.jpg'); width: 17px; height: 33px; ">
                                </td>
                            </tr>

                            <tr>
                                <td style="background-image: url('media/site_graphics/meeting/MeetingBundLeft.jpg'); width: 13px; height: 22px">
                                </td>
                                <td style="background-image: url('media/site_graphics/meeting/MeetingBund.jpg'); background-repeat:repeat; width: 549px; height: 22px">
                                </td>
                                <td style="background-image: url('media/site_graphics/meeting/MeetingBundRight.jpg'); width: 17px; height: 22px">
                                </td>
                            </tr>
                    </table>
                        </td>
                        <td width="125px" style="vertical-align:top; text-align:right">
                 
                                        <table cellpadding="0" cellspacing="0" style="width: 125px">
                                            <tr>
                                                <td id="cellsearch" height="32" style="background-image: url('media/site_graphics/rightmenu/rightmenutop.jpg')" onclick="redirectsearch();" onmouseover="changesearchover();" onmouseout="changesearchout();">
                                                    </td>
                                            </tr>
                                            <tr>
                                                <td id="cellkontakt" style="background-image: url('media/site_graphics/rightmenu/rightmenu2.jpg')" height="24" onclick="redirectkontakt();" onmouseover="changekontaktover();" onmouseout="changekontaktout();">
                                                    </td>
                                            </tr>
                                            <tr>
                                                <td id="celludskriv" style="background-image: url('media/site_graphics/rightmenu/rightmenu3.jpg')" height="24" onclick="udskrivindhold();" onmouseover="changeudskrivover();" onmouseout="changeudskrivout();">
                                                    </td>
                                            </tr>
                                            <tr>
                                                <td id="cellforum" style="background-image: url('media/site_graphics/rightmenu/rightmenuBund.png')" height="31" onclick="redirectforum();" onmouseover="changeforumover();" onmouseout="changeforumout();">
                                                    </td>
                                            </tr>
                                        </table>
                                        <br />
                                        <table cellpadding="0" cellspacing="0" style="width: 124px">
                                            <tr>
                                                <td colspan="3"
                                                    style="height: 12px; background-image: url('media/site_graphics/sponsormenu/top.jpg');">
                                                    </td>
                                            </tr>
                                            <tr>
                                                <td rowspan="6"
                                                    style="width: 5px; background-image: url('media/site_graphics/sponsormenu/left.jpg');">
                                                    &nbsp;</td>
                                                <td style="height: 55px; background-image: url('media/site_graphics/sponsormenu/OCD1.jpg');" onclick="redirectocd();">
                                                    &nbsp;</td>
                                                <td rowspan="6"
                                                    style="width: 6px; background-image: url('media/site_graphics/sponsormenu/right.png');">
                                                    &nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td style="height: 55px; background-image: url('media/site_graphics/sponsormenu/Olympus-banner.jpg');" onclick="redirectolympus();">
                                                    </td>
                                            </tr>
                                            <tr>
                                                <td style="height: 55px; background-image: url('media/site_graphics/sponsormenu/Ramcon_banner_kongresNY.jpg');" onclick="redirectramcon();">
                                                    &nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td style="height: 55px; background-image: url('media/site_graphics/sponsormenu/Roche-banner.jpg');" onclick="redirectroche();">
                                                    &nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td style="height: 55px; background-image: url('media/site_graphics/sponsormenu/Siemens-banner.jpg');" onclick="redirectsiemens();">
                                                    &nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td style="height: 55px; background-image: url('media/site_graphics/sponsormenu/Sysmex-banner.jpg');" onclick="redirectsysmex();">
                                                    &nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td colspan="3"
                                                    style="height: 12px; background-image: url('media/site_graphics/sponsormenu/bund.jpg');">
                                                    </td>
                                            </tr>
                                      </table>
                                        <br />
                 
                            </td>
                    </tr>
                </table>
                </td>
            </tr>
        </table>
        </td>
        </tr>
        </table>
    </body>
Avatar billede dragnor Juniormester
26. juni 2008 - 07:10 #7
Problemet ligger i linje ca. 31 i den kode jeg har sendt (<!-- #include file ="Custom/page_Select.asp" -->) det er her jeg hen indholdet ind i en cellen. I indholdet ligger der ikke andet en tekst og et billede, og det er hvis billedet er sor stort at der går ud over den table hvori cellen befinder sig.
Avatar billede fennec Nybegynder
26. juni 2008 - 08:23 #8
Flyt td's width i en div med overflow:

<td style="background-color:White; background-repeat:repeat-x; background-image: url('media/site_graphics/meeting/MeetingTop.jpg'); padding-top: 12" class="htop">                                 
<div style="width:549px;overflow:auto;">
  <!-- #include file ="Custom/page_Select.asp" -->
</div>
</td>
Avatar billede dragnor Juniormester
26. juni 2008 - 09:48 #9
Det virkede, smid du bare et svar, og tak for hjælpen!
Avatar billede fennec Nybegynder
26. juni 2008 - 11:01 #10
.o) <-- One Eyed Jack
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
22/0120:51 Knap til ipad Af FinnLauridsen i Excel
21/0113:53 Icloud mail via Outlook Af lbc i E-mail programmer
21/0108:32 USB NØGLE gratis Af nu_igen i Andet hardware
20/0121:11 Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP
20/0116:10 Tomt felt i Start Af ErikHg i Windows
White papers
Flere white papers »