Søg
Avatar billede wampiro-uha Nybegynder
27. januar 2004 - 21:07 Der er 9 kommentarer og
5 løsninger

Tabel ændrer sig!

Jeg har denne kode:

<table style="width: 100%;" cellpadding="0" cellspacing="1">
  <tr>
    <td style="padding: 0px 10px 5px 0px; width: 100%;"><span style="font-weight: bold;">Subject:</span></td>
    <td style="padding: 0px 10px 5px 10px; text-align: center;"><span style="font-weight: bold;">From:</span></td>
    <td style="padding: 0px 10px 5px 10px; text-align: center;"><span style="font-weight: bold;">Date:</span></td>
  </tr>
  <tr>
    <td style="padding: 2px 10px 2px 2px; width: 100%; background-color: #CDDCE1;">xxx</td>
    <td style="padding: 2px 10px 2px 10px; background-color: #CDDCE1; text-align: center;">xxx</td>
    <td style="padding: 2px 11px 2px 10px; background-color: #CDDCE1; text-align: center;" nowrap>xxx</td>
  </tr>
  <tr>
    <td colspan="3" style="padding: 5px 0px 5px 0px;"><span style="font-weight: bold;">Content:</span></td>
  </tr>
  <tr>
    <td colspan="3" style="padding: 2px; width: 100%; background-color: #CDDCE1;">
      <span style="float: right;">
        <select class="dropdown_large" name="xxx" onchange="xxx">
          <option value="0">xxx</option>
          <option value="1">xxx</option>
          <option value="2">xxx</option>
          <option value="3">xxx</option>
        </select>
        <input class="input_submit_small" type="button" onclick="xxx" value="Delete">
      </span>
    </td>
  </tr>
</table>

Afhængig af indholdet i tabellen ændrer tabellens bredde sig.
Det er ikke pga. selve indholdet i den store, men pga. jeg har nowrap i den celle hvor min dato befinder sig.

Er der nogen som har en idé til hvordan jeg kan erstatte nowrap med noget andet, eller en helt tredje løsning.

Jeg har prøvet at fjerne nowrap og så erstatte mellemrum i datoen med html-koden for det. Men der findes et - i datoen og ligemeget hvad jeg gør med det så deler datoen sig hvis der ikke er nowrap i cellen!
Avatar billede viciodk Praktikant
27. januar 2004 - 21:35 #1
Har du prøvet nogen af disse muligheder?:

1.
<td style="overflow: hidden;">

-----------

2.
<td class="test">


Stylesheet:

.test { overflow: hidden; }
Avatar billede viciodk Praktikant
27. januar 2004 - 21:37 #2
Har du overvejet at bruge et stylesheet i stedet for at skrive style="" hele tiden? Den kode kan forkortes rimelig meget
Avatar billede wampiro-uha Nybegynder
27. januar 2004 - 22:03 #3
Intet af det virker, desværre!

Ja, har overvejet stylesheets.
Problemet er at jeg har MANGE forskellige styles med hensyn til padding, så jeg skal have mange style's...

Hvordan kan det være fejlen med nowrap opstår i IE og ikke i Netscape eller Opera!
Avatar billede wampiro-uha Nybegynder
27. januar 2004 - 22:07 #4
Nu har jeg lavet sådan en funktion her:

function fixDate($string) {
$string = date('Y.m.d - h:i A \G\M\T', strtotime($string) - 3600);
$string = str_replace(" ", "&nbsp;", $string);
return $string; }

Det eneste problem er at den nu deler ved - (bindestregen). Nogen der kan løse det?
Avatar billede wampiro-uha Nybegynder
27. januar 2004 - 22:10 #5
Ligesom koden for " " (mellemrum) er &nbsp; er der så nogen der ved hvad koden er for - (bindestreg)?
Avatar billede wampiro-uha Nybegynder
27. januar 2004 - 23:27 #6
findes der ikke en kode for  - (bindestreg)
Avatar billede viciodk Praktikant
27. januar 2004 - 23:37 #7
<html>
<head>
<style type="text/css">
.subject {
  width: 100%;
  padding: 0px 10px 5px 0px;
  font-weight:bold;
}

.fromdate {
  padding: 0px 10px 5px 10px;
  text-align: center;
  font-weight: bold;
}

.foerste {
  width: 100%;
  padding: 2px 10px 2px 2px;
  background-color: #CDDCE1;
}

.anden {
  padding: 2px 10px 2px 10px;
  background-color: #CDDCE1;
  text-align: center;
}

.tredje {
  padding: 2px 11px 2px 10px;
  background-color: #CDDCE1;
  text-align: center;
}

.content {
  padding: 5px 0px 5px 0px;
  font-weight: bold;
}

.content2 {
  padding: 2px;
  width: 100%;
  background-color: #CDDCE1;
}
</style
</head>

<body>
<table width="100%" cellpadding="0" cellspacing="1">
  <tr>
    <td class="subject">Subject:</td>
    <td class="fromdate">From:</td>
    <td class="fromdate">Date:</td>
  </tr>
  <tr>
    <td class="foerste">xxx</td>
    <td class="anden">xxx</td>
    <td class="tredje" nowrap><div style="width:10px;overflow:hidden;">xxx</div></td>
  </tr>
  <tr>
    <td colspan="3" class="content">Content:</td>
  </tr>
  <tr>
    <td colspan="3" class="content2">
      <span style="float: right;">
        <select class="dropdown_large" name="xxx" onchange="xxx">
          <option value="0">xxx</option>
          <option value="1">xxx</option>
          <option value="2">xxx</option>
          <option value="3">xxx</option>
        </select>
        <input class="input_submit_small" type="button" onclick="xxx" value="Delete">
      </span>
    </td>
  </tr>
</table>
</body>
</html>
Avatar billede viciodk Praktikant
27. januar 2004 - 23:39 #8
Bindestreg kan udskrives med: &#45;
Avatar billede wampiro-uha Nybegynder
28. januar 2004 - 00:21 #9
Virker ikke!
Avatar billede viciodk Praktikant
28. januar 2004 - 01:34 #10
Hvilket af det? Koden eller bindestregen

Det virker her i Internet Explorer 6 og Mozilla.

http://www.vicio.dk/test/eksperten.htm
http://www.vicio.dk/test/eksperten.jpg

Ellers må du forklare dig bedre hvis det ikke var det du mente :)
Avatar billede wampiro-uha Nybegynder
28. januar 2004 - 18:50 #11
Problemet er med koden.
For brugerens navn kan også ændrer sig og have effekt på tabellen. De tre x'er ved siden af datoen er brugerens navn.
Avatar billede viciodk Praktikant
28. januar 2004 - 19:45 #12
Jamen så gentager vi da bare koden fra før, så begge tabelceller altid har samme bredde.

<html>
<head>
<style type="text/css">
.subject {
  width: 100%;
  padding: 0px 10px 5px 0px;
  font-weight:bold;
}

.fromdate {
  padding: 0px 10px 5px 10px;
  text-align: center;
  font-weight: bold;
}

.foerste {
  width: 100%;
  padding: 2px 10px 2px 2px;
  background-color: #CDDCE1;
}

.anden {
  padding: 2px 10px 2px 10px;
  background-color: #CDDCE1;
  text-align: center;
}

.tredje {
  padding: 2px 11px 2px 10px;
  background-color: #CDDCE1;
  text-align: center;
}

.content {
  padding: 5px 0px 5px 0px;
  font-weight: bold;
}

.content2 {
  padding: 2px;
  width: 100%;
  background-color: #CDDCE1;
}
</style
</head>

<body>
<table width="100%" cellpadding="0" cellspacing="1">
  <tr>
    <td class="subject">Subject:</td>
    <td class="fromdate">From:</td>
    <td class="fromdate">Date:</td>
  </tr>
  <tr>
    <td class="foerste">xxx</td>
    <td class="anden" nowrap><div style="width:20px;overflow:hidden;">xxx</div></td>
    <td class="tredje" nowrap><div style="width:10px;overflow:hidden;">xxx</div></td>
  </tr>
  <tr>
    <td colspan="3" class="content">Content:</td>
  </tr>
  <tr>
    <td colspan="3" class="content2">
      <span style="float: right;">
        <select class="dropdown_large" name="xxx" onchange="xxx">
          <option value="0">xxx</option>
          <option value="1">xxx</option>
          <option value="2">xxx</option>
          <option value="3">xxx</option>
        </select>
        <input class="input_submit_small" type="button" onclick="xxx" value="Delete">
      </span>
    </td>
  </tr>
</table>
</body>
</html>

Du kan selv lige justere størrelserne af de to divs (dvs bredder af tabelcellerne til højre i tabellen)

Ok?
Avatar billede wampiro-uha Nybegynder
28. januar 2004 - 20:42 #13
Det virker da ok!
Undrer mig bare stadig over fejlen! At man ikke kan have nowrap i en celle, 100% width i en anden og så en sidste som tilpasser sig indholdet.
Eller i hvert fald at mit kode ikke fungerer!

Nå.!

Tak for alle svar!
Avatar billede wampiro-uha Nybegynder
28. januar 2004 - 20:56 #14
Jeg har faktisk fundet ud af nu at det er pga. min dropdown-boks.
Fjerner jeg den er det ligemeget hvad resten af indholdet er. Men så snart den kommer ind i billedet er den gal!

Spøjst!
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 10:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
I dag 10:24 Kan Excel selv beregne alder? Af leahcim i Excel
I går 15:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »