Avatar billede m3q Nybegynder
18. november 2003 - 23:30 Der er 19 kommentarer og
1 løsning

<div> tabel?

Jeg har et lille problem med en tabel som jeg har puttet ind i en <div> kode, sådan at der er en "scroller" i tabellen, da jeg kører min hjemmeside i rammer og det ser åndsvagt ud med en "scroller" ude i højre side (grundet grafikken)... og det virker helt fint, pånær at den vandrette (den der kører fra ventre til højre) irreterer mig, jeg vil ikke have den der... jeg har prøvet at gøre tabellen større og mindre... men der sker ikke noget, så er der ikke en af jer eksperter der kan hjælpe mig??

på forhånd tak

hilsen m3q
Avatar billede Slettet bruger
19. november 2003 - 08:38 #1
link?
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 11:03 #2
jeg mener du skal sætte style="overflow:auto;" på div'en
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 11:07 #3
eksempel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title></title>
</head>
<body>
<div style="width: 200px; height: 200px; overflow: auto;">
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
</div>
</body>
</html>
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 11:08 #4
det kræver selvfølgelig at tabellen ikke er bredere en div'en. Vær også opmærksom på margin og padding
Avatar billede m3q Nybegynder
19. november 2003 - 12:08 #5
@caspar - min overflow er på auto.. og min tabel er width: 629 på begge!!....

@barto - jeg har ik uploadet den endnu... men det kan jeg vel lige finde ud af... i får et link senere idag, jeg har dog ik tid til at uploade den lige nu.. men det kan jeg ved 3/4-tiden!
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 12:12 #6
kan du ikke bare paste koden her?

prøv at sætte tabellens width til at være mindre end div'en.
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 12:16 #7
tabellens width skal være mindre en div'ens width minus bredden på scrolbaren. Dvs. ca 20px mindre
Avatar billede m3q Nybegynder
19. november 2003 - 12:28 #8
@caspar - tak, det vil jeg prøve... men jeg er ik ved min egen computer lige nu, så du må vente til der ved 3/4-tiden med at få svar/point, hvis det virker!
Avatar billede m3q Nybegynder
19. november 2003 - 16:24 #9
LINK HER: http://easygolf.tk/

til alle der har en opløsning på under 1152*864: i vil nok ha problemer med at se siden, da jeg har lavet den i 1152*864 og jeg ved ik hvordan man fortæller den at den skal tilpasse sig de forskellige opløsninger!... så hvis der er nogen der ved det, så må i gerne dele den viden (i får selvfølgelig point for det!)
Avatar billede m3q Nybegynder
19. november 2003 - 16:44 #10
hvis vil se koden på det hele (måske ville det hjælpe lidt?)

ligger den nu her: http://easygolf.friserverplads.dk/HP.rar
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 17:57 #11
har du prøvet at ændre width?
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 18:03 #12
du har et problem med dine frames, se nedenstående kode.

cols="*,371" betyder at den højre frame sættes til 371pixels, det duer selvfølgelig ikke prøv at sætte den til cols="*,*" istedet. Du kan også erstatte den første * med en fast bredde fx. cols="700,*"

<frameset rows="*" cols="*,371" framespacing="0" frameborder="NO" border="0">
  <frameset rows="107,*" cols="*" framespacing="0" frameborder="NO" border="0">
    <frame src="4.htm" name="topFrame" scrolling="NO" noresize>
    <frame src="3.htm" name="mainFrame" scrolling="NO">
  </frameset>
  <frame src="2.htm" name="rightFrame" scrolling="NO" noresize >
</frameset>
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 18:06 #13
hvis du er interesseret kan jeg godt ændre det for dig :)
Avatar billede m3q Nybegynder
19. november 2003 - 20:26 #14
det må du da gerne :P... det ville da ik være helt tosset!!

taks kal du have!
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 21:01 #15
her kommer først den side du kalder 3.htm, dvs. den med scroll problemmet

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--

TD{
  color:black;
  font-size: 11;
  font-family: Verdana;

}
.bot{
    text-decoration: none;
    font-size: 10;
  font-family: verdana,Arial;
  font-weight:bold;
  color:black;
}
.copy{
    font-size: 10;
  font-family: verdana,Arial;
    color:black;
}

.style1 {color: #003399}

body,td,th {
    font-size: 11px;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(images/bg2.jpg);
  background-color: #f2f8ff;
}

div.one
  {
    border-style: solid;
    border-width: 0px;
    border-color: #000080;
    overflow: auto;
    scrollbar-face-color: #e5f1ff;
    width: 629px;
    height: 389px;
    position: inherit;
    top:20%;
    left: 20%;
  }
table.one
  {
    width: 609px;
    height: 389px;
  }
td.one
  {
    font-family: comic sans ms;
    font-size: 24px;
    font-style: italic;
    font-weight: bolder;
    color: #000080;
    text-align: left;
    }
//-->
</style>
</head>

<body>
<table width="629" border="0" cellpadding="0" cellspacing="0" height="100%">
    <tr>
      <td valign="top" width="623"  height="100%" bgcolor="#CCCCCC" ><img src="images/pic.jpg" border="0" width="630" height="168" alt=""><br>
              <div class="one">
              <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" class="one">
                  <tr>
                    <td valign="top"  width="397" class="one"><img src="images/text.jpg" border="0" width="397" height="44" alt="">
                      <table width="397" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td valign="top">&nbsp;&nbsp;&nbsp;</td>
                          <td valign="top"><p>Vi er tre elever&nbsp;fra HH1e p&aring; Frederikshavn Handelskole <a href="www.fhavnhs.dk</a>" target="_blank">http://www.fhavnhs.dk">www.fhavnhs.dk</a>, og fra HH1e p&aring; K&oslash;ge Handelsskole <a href="www.khs.dk">www.khs.dk</a> som er med i Young Enterprice. Sammen har vi&nbsp;s&aring;ledes valgt at danne firmaet EasyGolf. Vi&nbsp;k&oslash;ber billigt brugt golfudstyr af h&oslash;jeste kvalitet, og s&aelig;lger det s&aring; billigt som muligt igen. Vi handler stort set kun med kendte kvalitetsm&aelig;rker.&nbsp;F&oslash;r vi s&aelig;lger udstyret, kommer det igennem Easygolf's egen&nbsp;specielle test,  <a href="test.htm">klik her</a> for at l&aelig;se om testen.&nbsp; </p>
                            <p>Vi spiller golf i Frederikshavn Golfklub, <a href="www.frederikshavngolfklub.dk</a>" target="_blank">http://www.frederikshavngolfklub.dk">www.frederikshavngolfklub.dk</a> s&aring; vi er&nbsp;selvf&oslash;lgelig erfarne indenfor omr&aring;det.&nbsp; </p>
                            <p>Young Enterprice <a href="www.ye-ja.dk</a>&nbsp;hj&aelig;lper" target="_blank">http://www.ye-ja.dk">www.ye-ja.dk</a>&nbsp;hj&aelig;lper unge studerende med at&nbsp;starte deres egen virksomhed, med hj&aelig;lp fra l&aelig;rere rundt omkring p&aring; landets uddannelsesinstitutioner. Young Enterprice har mange sponsorer, og&nbsp;dem vil vi selvf&oslash;lgelig opfordre jer til at st&oslash;tte. </p>
                          <p>vi h&aring;ber selvf&oslash;lgelig p&aring; at i vil st&oslash;tte vores projekt, vi er jo nye p&aring; markedet, og har brug for jeres hj&aelig;lp. Hvis i har kommentarer, id&eacute;er, kritik eller bare en hilsen&nbsp;til&nbsp;easygolf og vores&nbsp;hjemmeside, s&aring; skriv venligst i vores g&aelig;stebog, mail os eller ring i telefontiden, det vil hj&aelig;lpe os en del. hvis i har sp&oslash;rgsm&aring;l bedes i g&oslash;re det samme.&nbsp;P&aring; forh&aring;nd tak.&nbsp; </p>
                          <p><strong>Medarbejdere:</strong></p>
                          <p> <strong>Christoffer S&oslash;rig</strong>: adm. Direkt&oslash;r og Regnskabschef </p>
                          <p> <strong>Jeppe&nbsp;R. Kongsbak</strong>: vicedirekt&oslash;r og Marketingchef </p>
                          <p><strong>Mathias Fynbo</strong>: webdesigner og hjemmesideadministrator </p></td>
                          <td valign="top">&nbsp;&nbsp;&nbsp;</td>
                        </tr>
                      </table></td>
                    <td valign="top" width="9" background="images/v_l_bg.jpg"><img src="images/v_line.jpg" border="0" width="9" height="44" alt=""></td>
                    <td width="203" valign="top"><img src="images/news.jpg" border="0" width="196" height="44"
                    alt=""><table width="196" border="0" cellpadding="0" cellspacing="0">
                              <tr>
                                <td width="12" valign="top">&nbsp;&nbsp;&nbsp;</td>
                                <td width="172" valign="top" style="font-family:arial;" >
                                    <b>24&nbsp;Nov&nbsp;2003:&nbsp;</b> Vores nye hjemmeside <a href="www.easygolf.tk">www.easygolf.tk</a>&nbsp;er nu oppe og k&oslash;re, og vi har f&aring;et varebestillingen op at k&oslash;re. <a href="more24-11.htm">L&aelig;s mere</a> &nbsp;&nbsp;<br>
                                <br>                                </td>
                                <td width="12" valign="top">&nbsp;&nbsp;&nbsp;</td>
                              </tr>
                            </table></td>
                  </tr>
                  <tr><td height="19" background="images/h_l_bg.jpg" colspan="3">&nbsp;</td></tr>
        </table>
            </div>
      </td>
    </tr>
</table>
</body>
</html>
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 21:05 #16
og her er frameset'et (1.htm)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>EasyGolf</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<frameset rows="*" cols="*,*" framespacing="0" frameborder="NO" border="0">
  <frameset rows="107,*" cols="*" framespacing="0" frameborder="NO" border="0">
    <frame src="4.htm" name="topFrame" scrolling="NO" noresize>
    <frame src="3.htm" name="mainFrame" scrolling="NO">
  </frameset>
  <frame src="2.htm" name="rightFrame" scrolling="NO" noresize >
</frameset>
<noframes><body>
</body></noframes>
</html>
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 21:11 #17
lige et gost råd :)

3.htm koden er rigtigt rodet bygget op, og det er meget svært at lave ændringer. En af grundene er tabeller i tabeller. Man jeg vil gætte på at du bruger et wysiwyg program ala dreamveaver, det ligner det i hvertfald :) Hvis du har mulighed for det vil det være en god ide at ryde lidt op i koden, og rigtigt godt ville det være hvis du brugte div'er istedet for tabeller
Avatar billede casper_skovgaard Nybegynder
19. november 2003 - 21:12 #18
det skulle selvfølgelig være en godt råd :)
Avatar billede m3q Nybegynder
19. november 2003 - 22:44 #19
@casper - tak for det, tabellen virker fint nu, og ja jeg bruger dreamweaver... jeg føler det er den nemmeste løsning, da jeg ik er ligeså "pro" som mange af jer andre!...

lige e ting... den ændring du har lavet i 1.htm... den virker ikke hos mig, hvor den før viste perfekt i 1152*864 hos mig, viser den nu helt skævt i samme opløsning... jeg har taget et billed af hvad jeg ser nu!
http://easygolf.friserverplads.dk/125.jpg

men du får selvfølgelig point... ville bare lige høre om du kunne hjælpe mig med det andet problem??
Avatar billede casper_skovgaard Nybegynder
20. november 2003 - 09:16 #20
det bedste vil nok være og sætte en fast bredde på den første colonne frame

dvs.
<frameset rows="*" cols="*,*" framespacing="0" frameborder="NO" border="0">

ændres til

<frameset rows="*" cols="750,*" framespacing="0" frameborder="NO" border="0">

du må selv lige finde den bredde der passer, 750 er bare et forslag
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