Toon posts:

dynamisch plaatje + slices + tabel

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik wil de content van een site in een tekst ballon hebben, en dan wil ik ook nog eens dat die tekstballon strechable is (dus hogere resolutie, groter plaatje). In netscape kan je de grootte van een plaatje niet meer veranderen als die eenmaal op het scherm staat, dus ik dacht: Ik maak slices, en zorg dat de delen van het plaatje die moeten kunnen strechen als bgimage van de betreffende td staan, en de delen van het plaatje die niet moeten kunnen strechen gewoon als img in een td. Met javascript en een layer vergroot/verklein ik de tabel, maar de rekken alle td's van die tabel uit, en is het dus geen mooie tekst ballon meer..... voor verheldering:
http://www.marketresponse.nl/test/og-test_2.htm

Hoe krijg ik het zo, dat alleen de td's die een bgimage hebben meestrechen (en de rest gewoon netjes de opgegeven size behoud)??

Verwijderd

1: gooi die onResize() functie eruit
2: gooi die reloadPage() functie eruit
3: maak een tabel, en geef de grootte zelf aan, mbv. CSS
code:
1
2
3
4
<table cellpadding="0" cellspacing="0" style="height: 100%; width: 100%;">
  <tr>
    <td style="height: 50px; width: 50px; background-image: url('blaat.gif');"></td>
    <td style="height: 50px; background-image: url('blaat.gif');"></td>

etcetera...

geef de cellen die mee moeten resizen geen maat in de te resizen richting.

succes.

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 16:41

Pelle

🚴‍♂️

Zoiets bijvoorbeeld?
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img></td>
    <td background="blaat" width="100%">&nbsp;</td>
    <td><img></td>
  </tr>
  <tr>
    <td background="zuut" height="100%">&nbsp;</td>
    <td>
      en dan hier je contentzooi zuut bende melp 
      meuk he wat euhm nee bla spannend verhaal kurt 
      want van paardenpens wordt je ook niet blij
    </td>
    <td background="zuut" height="100%">&nbsp;</td>
  </tr>
  <tr>
    <td><img></td>
    <td background="blaat" width="100%">&nbsp;</td>
    <td><img></td>
  </tr>
</table>

Verwijderd

Ik raad je toch aan om zoveel mogelijk properties meet te geven via CSS en ze zoveel mogelijk weg te laten uit de html.

Die height property is geen officiële W3C standaard, en ik ben vóór de standaard *D

Verwijderd

Topicstarter
Op maandag 19 november 2001 16:11 schreef Cheatah het volgende:
Ik raad je toch aan om zoveel mogelijk properties meet te geven via CSS en ze zoveel mogelijk weg te laten uit de html.

Die height property is geen officiële W3C standaard, en ik ben vóór de standaard *D
Ja, daar heb je wel gelijk in. Maar wat betreft die reload page functie. Er wordt aan de hand van de beschikbare ruimte op het scherm berekend hoeveel ruimte de tekstballon in mag nemen, en hoe hij gepositioneerd wordt, dus als het scherm resized dan moet ik reloaden om de positionering goed te krijgen.

En oja, het is de bedoeling dat als het af is, dat het ook in nn4.x werkt, dus dan valt een groot deel van css al af.....

edit-->major typo

Verwijderd

Topicstarter
hmmm, tja ik drukte dus op de verkeerde knop....sorry!!! (ik dacht dat ik edit deed, maar ik deed dus quote)

:D

btw: Onder bovenstaande link staat nu een versie die werkt in ie....
Pagina: 1