Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Grote afbeelding mag grootte van tabel niet wijzigen

8 antwoorden
  • Ik ben bezig mijn forum van een nieuw jasje te voorzien. Nu wil ik een logo van 1280 pixels breed op lagere resoluties laten passen zonder dat er horizontale scrollbalken zijn. Het logo mag dus gewoon afgekort worden. Het logo staat in een tabel. Volgens mij moet het mogelijk zijn, maar hoe? :) [url=http://www.manylinks.nl/testbase/]Link naar testforum[/url]
  • overflow: hidden; t. @redmar: ;)
  • Ik zie nu net dat het hidden is ipv none ;) Maar het wil dan nog niet lukken :-? Dit is een stukje in m'n header: [code:1:3820f61188]</head> <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <a name="top"></a> <table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td align="center" valign="top"> <table width="100%" cellspacing="0" cellpadding="0" border="0" background="templates/fisubsilver/images/cellpic_bkg.jpg"> <tr> <td><a href="{U_INDEX}"><img src="templates/fisubsilver/images/logo.jpg" border="0" alt="{L_INDEX}" title="{L_INDEX}" vspace="1" /></a></td> </table>[/code:1:3820f61188] En een stukje css: [code:1:3820f61188].bodyline{background:#ffffff;border:1px solid #98aab1}[/code:1:3820f61188] Waar ik ook probeer overflow: none; , overflow: hidden of style="overflow: xxx" neer zet, het heeft niet het gewenste effect.
  • Ik heb nu het volgende: [code:1:8fec7af536]</head> <body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <a name="top"></a> <table class="bodyline" width="100%" style="overflow: hidden;" cellspacing="0" cellpadding="0" border="0" background="templates/fisubsilver/images/cellpic_bkg.jpg"> <tr> <td><a href="{U_INDEX}"><img src="templates/fisubsilver/images/logo.jpg" border="0" style="overflow: hidden;" alt="{L_INDEX}" title="{L_INDEX}" /></a></td> </table>[/code:1:8fec7af536] Maar het werkt nog niet.
  • Die tabel hangt ook met snot aan elkaar (denk aan de plaatsing van <tr> en <td> en </tr> en </td>). Maak de code even netjes kloppend, en zet de overflow niet in de <img> tag maar in de <td> tag waar het logo in staat. Zoiets dus: [code:1:e186dc5de9] <table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0" background="templates/fisubsilver/images/cellpic_bkg.jpg"> <tr> <td style="overflow: hidden;"><a href="{U_INDEX}"><img src="templates/fisubsilver/images/logo.jpg" border="0" alt="{L_INDEX}" title="{L_INDEX}" /></a></td> </tr> </table> [/code:1:e186dc5de9]
  • Dat de eindtags niet gezet waren wist ik. Maar omdat ze niet perse nodig zijn heb ik ze zolang weggelaten. Dat stukje met overflow: hidden had ik overal al zo'n beetje neergezet omdat het niet werkte (dus dan maar op de grove manier gedaan ;)) edit: Ik heb je code getest, maar de afbeelding wordt nog niet afkort helaas.
  • Ik zie het, blijkbaar kan overflow:hidden niet worden toegepast op een td, maar alleen op een <div>. [code:1:de0a36b1d6]<div style="overflow: hidden; width:100%;"><a href="{U_INDEX}"><img src="http://www.manylinks.nl/testbase/templates/fisubsilver/images/logo.jpg" border="0" alt="{L_INDEX}" title="{L_INDEX}" /></a></div>[/code:1:de0a36b1d6] Andere oplossing die je zou kunnen overwegen omdat het niet erg is dat de afbeelding wordt afgebroken: logo als background van de <td> en de hoogte van het logo aan die td geven.
  • Gebruik de afbeelding als achtergrondplaatje van de tabelcel.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.