Avatar billede ibhansen Nybegynder
20. december 2003 - 18:07 Der er 22 kommentarer og
1 løsning

Problemer med tabeller

jeg har lavet en hjemmeside, men mit problem er når en med en højere opløsning end min prøver at se siden, kommer den til at se mærkelig ud, pga tabellernes størrelser, hvad kan jeg gøre for at rette dette? har fået at vide at det måske er fordi at dreamweaver automatisk sætter bredden på en tabel til at være i pixels og højden i %, og så skal jeg ændre alle sammen til %, men det bliver sq meget besværligt synes jeg, og så skal jeg sidde og gætte på hvad alle værdierne skal være fordi jeg kun har dem i %

Det er den her side hvis det hjælper jer at se den: http://www.styling.frac.dk

På forhånd tak!
Avatar billede nak-m Nybegynder
20. december 2003 - 18:18 #1
Kan du ikke gå ind i det grafiske interface i dreamweaver og sætte højden i procent? Så regner den jo selv ud fra pixels til procent.
Avatar billede ibhansen Nybegynder
20. december 2003 - 18:20 #2
Det gør den ikke, så siger den bare hvis der f. eks står 100% så skriver den bare 100 pixels i stedet.
Avatar billede nak-m Nybegynder
20. december 2003 - 19:21 #3
Det fremgår ikke så godt hvad dit spørgsmål går ud på ... skal jeg oversætte pixelmålene til % i opløsningen 1280*1024 (som siden er optimeret til)
Avatar billede ibhansen Nybegynder
20. december 2003 - 19:30 #4
Det er lidt svært at forklare, men jeg har det problem at jeg har lavet siden i opløsningen 1280*1024, men hvis en med en højere opløsning går ind på siden, kommer tabellerne ikke til at stå på samme måde, den ene vil f. eks være højere end den anden, så mit problemer bare at den skal se lige sådan ud i 1280*1024 som i en højere opløsning (selvfølgelig bare mindre) f. eks så kører en af mine venner med 1600* et eller andet, og når han går der ind, så bliver menuen i højre side ca. 0.5 cm højere end den i venstre, og det ser jo dumt ud, det vil jeg gerne have så det er ens, i alle opløsninger

håber du forstår det
Avatar billede ibhansen Nybegynder
20. december 2003 - 20:30 #5
nogen der kan hjælpe?
Avatar billede nak-m Nybegynder
20. december 2003 - 20:45 #6
Skal jeg prøve at lave pixelmålene om til procent?
Avatar billede ibhansen Nybegynder
20. december 2003 - 20:47 #7
må du da meget gerne
Avatar billede nak-m Nybegynder
20. december 2003 - 21:02 #8
Kan jeg så regne med at målene på siden er de rigtige? For siden ser ikke rigtig ud lige nu :)

Måske kunne du ikke skrive pixelmålene ned?
Avatar billede ibhansen Nybegynder
20. december 2003 - 21:09 #9
er rettet nu, hvis du kører 1280*1024 nu skulle det gerne rigtigt ud, det gør det her, men du må ikke stemme, så går det galt igen
Avatar billede ibhansen Nybegynder
20. december 2003 - 21:12 #10
http://www.styling.frac.dk/test.gif sådan skal det se ud
Avatar billede nak-m Nybegynder
20. december 2003 - 21:14 #11
Er det ikke meningen at de to yderste bjælker skal være lige brede?
Avatar billede ibhansen Nybegynder
20. december 2003 - 21:17 #12
Oprindeligt er det meningen at alle de sorte streger som går rundt om alting skulle være lige tykke (som den helt til venstre) men pga. at flere tabeller støder op mod hinanden, gør den sådan at de bliver større nogen steder, og jeg kan ikke lige finde ud af at rette det
Avatar billede ibhansen Nybegynder
20. december 2003 - 21:17 #13
men ellers er det rigtigt
Avatar billede nak-m Nybegynder
20. december 2003 - 21:28 #14
Ok, jeg går ud fra at numrene er korrekte - konverterer nu.
Avatar billede nak-m Nybegynder
20. december 2003 - 21:45 #15
Så skulle alle mål være i procent:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>..::Styling::.. v1.2 - Siden er under opbyning!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="E7E3DB" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table width="65%" height="70%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="87%" height="72%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="14%"><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
              <tr>
                <td height="14%"><img src="banner/banner1.gif" width="818" height="148"></td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td height="56%">
<table width="100%" height="56%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="16%" height="56%">
                  <table width="101%" height="56%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#eeeeee">
                    <tr>
                      <td height="2%" background="banner/bg.gif"><font color="#ffffff" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Menu</strong></font></td>
                    </tr>
                    <tr>
                      <td height="11%"><font face="Webdings" color="#000000" size="1">4</font>
                        <a href="index.php">Forside</a><br>
                        <font face="Webdings" color="#000000" size="1">4</font>
                        <a href="gastebog.php">G&aelig;stebog</a><br>
                        <font face="Webdings" color="#000000" size="1">4</font>
                        <a href="omsiden.php">Om siden</a><br>
                        <font face="Webdings" color="#000000" size="1">4</font>
                        <a href="bannere.php">Bannere</a> <br>
                        <font face="Webdings" color="#000000" size="1">4</font>
                        <a href="kontakt.php">Kontakt</a><br>
                        <font face="Webdings" color="#000000" size="1">4</font>
                        <a href="links.php">Links </a></td>
                    </tr>
                    <tr>
                      <td height="2%" background="banner/bg.gif"><font color="#ffffff" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Indhold</strong></font></td>
                    </tr>
                    <tr>
                      <td height="11%"><font face="Webdings" color="#000000" size="1">4</font>
                        <a href="nyheder.php">Nyheder</a><br>
                        <font face="Webdings" color="#000000" size="1">4</font>
                        <a href="galleri.php">Galleri</a><br>
                        <font face="Webdings" color="#000000" size="1">4</font>
                        <a href="forum.php">Forum</a><br>
                        <font face="Webdings" color="#000000" size="1">4</font>
                        <a href="tipstricks.php">Tips &amp; Tricks</a><br>
                        <font face="Webdings" color="#000000" size="1">4</font>
                        <a href="guides.php">Guides</a><br>
                        <font face="Webdings" color="#000000" size="1">4</font>
                        <a href="anmeldelser.php">Anmeldelser </a></td>
                    </tr>
                    <tr>
                      <td height="2%" background="banner/bg.gif"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Login</strong></font></td>
                    </tr>
                    <tr>
                      <td height="14%">bruger login</td>
                    </tr>
                    <tr>
                      <td height="2%" background="banner/bg.gif"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Info</strong></font></td>
                    </tr>
                    <tr>
                      <td height="12%"> <br>
                        <font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                        <br>
                        Siden ses bedst i 1280*1024</font></td>
                    </tr>
                  </table></td>
                <td width="84%"><table width="100%" height="56%" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="ffffff">
                    <tr>
                      <td width="74%" height="56%" bgcolor="E7E3DB">
<table width="99%" height="56%" border="1" align="right" cellpadding="0" cellspacing="0" bordercolor="#000000">
                          <tr>
                            <td height="56%" bgcolor="#ffffff">
                              <!--
        JWNewsPHP 1.0

<!--

<br />
<b>Warning</b>:  mysql_num_rows(): supplied argument is not a valid MySQL result resource in <b>/web/www/frac/users/styling/news/news.php3</b> on line <b>31</b><br />

<left><b>JWNews 1.0 PHP</b><br><br>
<b>Ting man kan :</b><br>
- Det er muligt at tilføje nyheder.<br>
- Det er muligt at fjerne nyheder.<br>
- Det er muligt at rette nyheder.<br>
- Mulighed for at slette hele tabellen på 1 gang.<br>
- Nyhederne er opdelt i sektioner (kategorier)
<br>
<br>
<br>
Demo: <a href="http://www.web-zone.dk/script/php/jwnews"> HER </a><br>
Download: <a href="http://www.web-zone.dk/script/php/jwnewsphp.zip"> HER </a><br>

</left>
<br>Standard bruger og kode til admin er 1234 / 1234!<br><br>
                              <div align="center"></div>
                              <div align="center"></div></td>
                          </tr>
                        </table></td>
                      <td width="26%" bgcolor="#eeeeee"><table width="100%" height="56%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
                          <tr>
                            <td height="2%" background="banner/bg2.gif"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Nyeste
                              indl&aelig;g</strong></font></td>
                          </tr>
                          <tr>
                            <td height="19%">nyeste indl&aelig;g fra forum</td>
                          </tr>
                          <tr>
                            <td height="2%" background="banner/bg2.gif"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Afstemning</strong></font></td>
                          </tr>
                          <tr>
                            <td height="15%">
                              <table width="00%" border="0" cellpadding="1" cellspacing="1">
<tr><td bgcolor="">
<table width="100%" border="0" cellpadding="0" cellspacing="" align="center">
<tr><td bgcolor=""><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000"><form method="post" action="/index.php"><p align="center"><b>Hvad synes du om designet?
</b></p><input type="radio" name="answer" value="1"> Fedt!<br><input type="radio" name="answer" value="2"> Godt!<br><input type="radio" name="answer" value="3"> Okay<br><input type="radio" name="answer" value="4"> Dårligt<br><input type="hidden" name="save" value="yes"><p align="center"><input style="BORDER-RIGHT: #000000 1px solid; BACKGROUND-POSITION: 0% 50%; BORDER-TOP: #000000 1px solid; FONT-SIZE: 10px; BACKGROUND-ATTACHMENT: scroll; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-REPEAT: repeat; FONT-FAMILY: Verdana; LIST-STYLE-TYPE: none; BACKGROUND-COLOR: #b9babf" type="submit" name="Submit" value=" Stem "></form></font><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000"></td></tr></table></td></tr></table>                            </td>
                          </tr>
                          <tr>
                            <td height="2%" background="banner/bg2.gif"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Bla
                              Bla</strong></font></td>
                          </tr>
                          <tr>
                            <td height="14%"> <div align="center"><br>
                                <br>
                                <br>
                                <br>
                                <br>
                                <br>
                                <html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif"><font face="verdana" size="1"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Din
IP er:</font></strong> <font face="verdana" size="1">
xxx.xxx.xxx.xxx</font> </font></font>
</body>
</html>
                              </div></td>
                          </tr>
                        </table></td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
<div align="center"><FONT color=#666666 size=1><B><br>
  © Copyright 2003 Styling.frac.dk Dan Andersen</B></FONT></div>
</body>
</html>
Avatar billede ibhansen Nybegynder
20. december 2003 - 21:47 #16
så skriver jeg dem lige ind..
Avatar billede ibhansen Nybegynder
20. december 2003 - 21:58 #17
det virker ikke så godt, nu er den mere mærkelig end før
Avatar billede nak-m Nybegynder
20. december 2003 - 22:00 #18
Det er nok fordi mange af målene er relative. Nogle af målene skal nok ændres til 100%, til pixelmål eller til noget helt tredje.
Avatar billede ibhansen Nybegynder
20. december 2003 - 22:04 #19
ville det være besværligt at regne det hele om til pixel? på den måde vil den vel se ud som jeg vil have den, men hvis man køre lav opløsning bliver den vel bare ret stor, men det må man leve med
Avatar billede nak-m Nybegynder
20. december 2003 - 22:16 #20
Skal jeg ikke prøve at lave et mere overskueligt udkast?
Avatar billede ibhansen Nybegynder
20. december 2003 - 22:24 #21
Må de meget gerne
Avatar billede roenving Novice
20. december 2003 - 23:16 #22
Bortset fra, at margin mellem cellerne ikke er ens og border heller ikke, ser det da meget rimeligt ud (bruger 1152 * 864 !-)
Avatar billede ibhansen Nybegynder
20. december 2003 - 23:21 #23
Tak, det bliver også det næste jeg vil rette, men synes det her er et større problem, at den ser fuldstændig mærkelig ud i opløsninger over 1280*1024 (og måske i enkelte under)
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