Avatar billede jwolf Nybegynder
30. oktober 2000 - 13:16 Der er 24 kommentarer og
2 løsninger

Problem med opbygning i celler..

Jeg har et problem, som er sværre at finde en løsning på end jeg først havde troet.

Problemet er den side jeg er ved at lave på:
http://hjem.get2net.dk/jw/soc/

Gør lige mig og dig selv en tjeneste at hente siden ind i frontpage eller hvad du nu bruger til html editor, så du kan se hvordan siden er opbygget!

Problemet er det, at når man skriver flere liniers tekst og linieskift ind i det \"frie\" område til højre for menuen, så vil cellen automatisk udvide sig, da der jo ellers ikke er plads nok. Men samtidig med at den celle udvider sig, udvider cellerne sig ovre i menuen sig også, så grafikken går fra hinanden.

Jeg overvejede at lave det i frames for at undgå det, men menuen skal udvide sig når man trykker på et link (det har jeg endnu ike lavet) og så vil der automatisk komme en scroller i framen, for dem der kører med en opløsning på 800*600, og det ødelægger designet. Så \'normale\' frames er udelukket!

Jeg har overvejet en løsning med iFrames, men jeg har ikke kunne komme på en løsning der løser problemet.

Lad venligst være med at svare at jeg bare skal angive cellestørrelsen i pixels i menuen, for det har jeg prøvet og det kunne jeg heller ikke få til at virke.

Og test lige om din løsning virker før du svarer :)

At lave om i designet er ikke en mulig løsning..!

-Jwolf
Avatar billede jwolf Nybegynder
30. oktober 2000 - 13:19 #1
Det er klart at de billeder der er indsat i tekst området ikke skal ligge som de gør, men som cellebaggrund...
Avatar billede enlize Nybegynder
30. oktober 2000 - 13:20 #2
Egenlig en fed side, grafisk set :)
Avatar billede jwolf Nybegynder
30. oktober 2000 - 13:22 #3
Den er langt fra færdig :o)

jeg har lavet mere grafisk, men det er ikke uploadet, da det ikke har nogen betydning for problemstillingen..
Avatar billede skovtrold Nybegynder
30. oktober 2000 - 13:24 #4
Hvad med først at lave en hovedtabel, hvori du har endnu en tabel?
Eks:
<table>
<tr>

<td>
  <table>
  <tr>

  <td>Her er menuen</td>

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

<td>
  <table>
  <tr>

  <td>Her er indholdet</td>

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

</tr></table>
Avatar billede geeeet Nybegynder
30. oktober 2000 - 13:29 #5
Det fikser du således :

<TD COLSPAN=4 ROWSPAN=11>
        <IMG SRC=\"images/mainform_slice_10.gif\" WIDTH=541 HEIGHT=342>
</TD>

erstattes med

<TD COLSPAN=4 ROWSPAN=11>
<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"541\" height=\"342\">
<tr>
    <td background=\"images/mainform_slice_10.gif\">
        gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
        ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg dgsggggggggggggggggggggggg gggggggggggggggggggggggg
                        <IMG SRC=\"images/mainform_slice_10.gif\" WIDTH=541 HEIGHT=342>
    </td>
</tr>

Nu kan du så også slette den gif du har indsat i tabellen, da du ikke kan skrive tekst oven på giffen.... Jeg har sat den ind som baggrundsbillede...

/Geeeet
</table>
</TD>

Geeeet
Avatar billede jwolf Nybegynder
30. oktober 2000 - 13:51 #6
> Geeeet

Jeg var ikke i tvivl om hvordan jeg lavede cellebaggrunden!
Avatar billede jwolf Nybegynder
30. oktober 2000 - 14:02 #7
Så, nu har jeg skrevet noget tekst, så skulle det være muligt at se problemet!
Avatar billede skovtrold Nybegynder
30. oktober 2000 - 14:05 #8
Jamen, det er fordi du skal lave din menu i en tabel for sig selv.
Avatar billede skovtrold Nybegynder
30. oktober 2000 - 14:10 #9
Jeg ville helt klart lave det sådan her:

<table>
<tr>

<td colspan=\"4\">
Her er din top</td>

</tr><tr>

<td>Her er den sorte linie til venstre</td>

<td>
  <table>
  <tr>

  <td>Her er menuen</td>

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

<td>
  <table>
  <tr>

  <td>Her er indholdet</td>

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

<td>Her den sorte linie til højre</td>

</tr><tr>

<td colspan=\"4\">Her er din bund</td>

</tr></table>
Avatar billede skovtrold Nybegynder
30. oktober 2000 - 14:13 #10
Det er selvfølgelig groft sat op - du skal jo også definere bredder m.m.
Avatar billede skovtrold Nybegynder
30. oktober 2000 - 14:16 #11
Grunden til at din menu følger med indholdet på siden, er jo netop fordi det er een stor tabel, og du kan ikke sætte forskellige højder på celler i samme tabel.
Så hvis du laver en ny tabel i din hovedtabel, vil højden på denne ikke være afhængig af højden på dit indhold.
Avatar billede jwolf Nybegynder
30. oktober 2000 - 14:20 #12
Skovtrold >>
Menuen ER i et table for sig selv. Hvis du nu havde prøvet at hente siden ind i frontpage kunne du se hvordan det er lavet! Hvis du mener du kan lave det, så ændr det i min html kode og indsæt den herinde..
Avatar billede jwolf Nybegynder
30. oktober 2000 - 14:31 #13
hm.. jeg kan godt se art det her virker...
men kan du få det til at virke med min grafik indsat? Det skal laves.. :)
Avatar billede jwolf Nybegynder
30. oktober 2000 - 14:32 #14
<table width=\"582\">
<tr>

<td colspan=\"4\" width=\"567\">
Her er din top</td>

</tr><tr>

<td width=\"56\">Her er den sorte linie til venstre</td>

<td width=\"97\" valign=\"top\">
  <table>
  <tr>

  <td valign=\"middle\">Her er menuen</td>

  </tr>
  <tr>

  <td></td>

  </tr>
  <tr>

  <td></td>

  </tr>
  <tr>

  <td></td>

  </tr>
  <tr>

  <td></td>

  </tr>
  <tr>

  <td></td>

  </tr>
  <tr>

  <td></td>

  </tr>
  <tr>

  <td></td>

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

<td width=\"370\" valign=\"top\">
  d
  <p>d</p>
  <p>d</p>
  <p>d</p>
  <p>d</p>
  <p>d</p>
  <p>d</p>
  <p>d</p>
  <p>d</p>
  <p>d</p>
  <p>dd</p>
  <p>&nbsp;</td>

<td width=\"33\">Her den sorte linie til højre</td>

</tr><tr>

<td colspan=\"4\" width=\"567\">Her er din bund</td>

</tr></table>
Avatar billede jwolf Nybegynder
30. oktober 2000 - 15:48 #15
Løsningen vil nok være hvis man kunne kombinere skovtroldens svar med min kode.
Den der laver det bliver 200 point rigere..
Måske giver jeg 100 bonus point hvis jeg er rigtig tilfreds med resulatet.. :)
Avatar billede skovtrold Nybegynder
30. oktober 2000 - 16:29 #16
>Løsningen vil nok være hvis man kunne
>kombinere skovtroldens svar med min kode.

Jeg vil nok sige at det virker noget uoverskueligt....
Du bruger VIRKELIG mange rowspan og colspan, og da jeg bruger notepad som editor, er det næsten ikke til at hitte rundt i.
Jeg vil gerne hjælpe med at sætte noget kode op, men det er svært sådan som du har opdelt dine billeder.
Jeg ville helt klart have opdelt dem anderledes.
Avatar billede geeeet Nybegynder
30. oktober 2000 - 16:56 #17
Prøv evt. selv engang, i en eller anden html-editor, hvis du ikke er stærk i html.
Imageready er ikke det svedigste program til at lave html i...

/Geeeet
Avatar billede skovtrold Nybegynder
30. oktober 2000 - 17:47 #18
Jeg ville bygge siden op over dette skelet:

<table width=\"696\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
<tr>

<td colspan=\"3\" width=\"696\" align=\"left\" valign=\"top\" bgcolor=\"#000000\"><img src=\"images/spacer.gif\" width=\"1\" height=\"2\" border=\"0\"></td>

</tr><tr>

<td width=\"2\" align=\"left\" valign=\"top\" bgcolor=\"#000000\"><img src=\"images/spacer.gif\" width=\"1\" height=\"1\" border=\"0\"></td>

<td width=\"692\" align=\"left\" valign=\"top\">

    <table width=\"692\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
    <tr>

    <td colspan=\"2\" align=\"left\" valign=\"top\">
   
        <table bgcolor=\"#eaeaea\" width=\"692\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
        <tr>

        <td align=\"left\" valign=\"top\">Her indsætter du din top</td>

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

    </tr><tr>   

    <td align=\"left\" valign=\"top\">

        <table bgcolor=\"#cccccc\" width=\"130\" height=\"300\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
        <tr>

        <td align=\"left\" valign=\"top\">Her indsætter du din menu</td>

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

    <td align=\"left\" valign=\"top\">

        <table bgcolor=\"#dddddd\" width=\"562\" height=\"450\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
        <tr>

        <td align=\"left\" valign=\"top\">Her indsætter du dit indhold<br>
        Højden på indholdet har ingen indflydelse på menuen</td>

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

    </tr><tr>

    <td colspan=\"2\" align=\"left\" valign=\"top\">
   
        <table bgcolor=\"#eaeaea\" width=\"692\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
        <tr>

        <td align=\"left\" valign=\"top\">Her indsætter du din bund</td>

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

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

<td width=\"2\" align=\"left\" valign=\"top\" bgcolor=\"#000000\"><img src=\"images/spacer.gif\" width=\"1\" height=\"1\" border=\"0\"></td>

</tr><tr>

<td colspan=\"3\" width=\"696\" align=\"left\" valign=\"top\" bgcolor=\"#000000\"><img src=\"images/spacer.gif\" width=\"1\" height=\"2\" border=\"0\"></td>

</tr></table>
Avatar billede jwolf Nybegynder
30. oktober 2000 - 19:00 #19
det kan jeg jo ikke bruge til så meget.. den opstilling kunne jeg jo let selv ha\' lavet..
problemet er at få det til at fungere i den kode jeg allerede har. Det er umuligt at indsætte menuen med diverse celler ind i dit skelet. Jeg har prøvet men man kan ikke lave cellerne lige hvor man vil. Så hvis jeg bruger dit skelet kommer der i menuen helt uden tekst. Jeg er ellers ret ok til html, men det med at få de celler placeret korrekt døjer jeg sgu en del med.

by the way; ImageReady styrer da :)
Avatar billede geeeet Nybegynder
30. oktober 2000 - 19:05 #20
Ja ImageReady styrer til at klippe giffer !!! Da sq f****** ikke til html !! Prøv dog selv at se engang, det kan jo ikke engang lave en tabel !!!

Hvis du er ok til html, må du nok kunne smide nogle giffer ind i den table, som skovtrold har lavet til dig, for det er lige hvad du beder om...

Undskyld at jeg er lidt gnaven, men du har altså fået dit svar flere gange nu, og så kan jeg heller ikke så godt lide socialdemokrater såeh...

/Geeeet
Avatar billede jwolf Nybegynder
30. oktober 2000 - 19:15 #21
hehe, jeg mener ikke jeg har fået svar.. jeg har klippet mine billeder i mange små, ovre i menuen for at onmouseover effekten bliver loadet hurtigst muligt ind. Som jeg skrev HAR jeg prøvet at indsætte billederne, men kunne ikke få det til at funke! Jeg kunne selvfølgelig klippe billederne anderledes, men så ville siden blive en del tungere hvilket jeg heller ikke ønsker.
Hvis det bare havde været tekst links havde der skovtroldens svar været nok. Hvis I mener jeg har fået svar nok, så skulle I vel også kunne lave det? Jeg vil ha\' koden serveret, for jeg kan ikke selv! Jeg er villig til at gi op til 500 point til den der LAVER det hele, så det er lige til at bruge.
Avatar billede skovtrold Nybegynder
30. oktober 2000 - 19:38 #22
Hvis du forsøger at gøre siden så \"let\" som muligt, skulle du overveje at klippe billederne anderledes.
Eks. mainform_slice_11.gif kunne du have nøjes med at lave 1/10 gang så småt og så bare gentage billedet.
Det samme gælder mainform_slice_12.gif som ville give samme resultat hvis billedet var 11x1 istedet for 11x256.
Bare et forslag...
Avatar billede jwolf Nybegynder
30. oktober 2000 - 19:51 #23
det har jeg allerede gjort. men jeg har ikke uploadet det for det har ingen betydning for problemet...
Avatar billede jwolf Nybegynder
30. oktober 2000 - 19:52 #24
som det ser ud nu, så ender det nok med at jeg laver det selv og giver skovtrolden nogen af pointene for hans indsats..

hvis der altså ikke er nogen der vil lave det og tjene de mange point...?
Avatar billede jwolf Nybegynder
30. oktober 2000 - 20:00 #25
jeg har uploadet siden uden grafik (celle_opdeling.htm) hvilket gør det noget mere overskueligt. Prøv at lægge mærke til alle de små celler i kanten i toppen og til højre. De skal være der for at cellerne inde i menuen får den rigtige placering. Det er grunden til at jeg ikke umiddelbart kan bruge skovtroldens løsning..

- Jwolf
Avatar billede jwolf Nybegynder
31. oktober 2000 - 10:38 #26
Skovtrold > jeg har efter mange timers arbejde endelig fået til til at virke. Jeg brugte ikke din opbyging for den var ikke tilstrækkelig men du fik mig overbevist om at jeg skulle lave det forfra, helt fra bunden. De 200 point jeg havde udlovet var til den der lavede det for mig så jeg sparede de timers arbejde jeg brugte på det. Det kan man jo ikke ligefrem sige du har gjort (jeg lavede det jo selv), men jeg synes alligevel du skal ha\' noget for din hjælp. Du får 75 point...
(husk på at man normalt for 60 point for at svare på et svært spørgsmål...)

- Jwolf
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