Fetstil Fetstil Kursiv Understrykning linje färgläggning tabellverk Punktlista Nummerlista Vänster Centrerat högerställt Utfyllt Länk Bild htmlmode
  • Forum & Blog
    • Forum - översikt
      • .Net
        • asp.net generellt
        • c#
        • vb.net
        • f#
        • silverlight
        • microsoft surface
        • visual studio .net
      • databaser
        • sql-server
        • databaser
        • access
        • mysql
      • mjukvara klient
        • datorer och komponenter
        • nätverk, lan/wan
        • operativsystem
        • programvaror
        • säkerhet, inställningar
        • windows server
        • allmänt
        • crystal reports
        • exchange/outlook
        • microsoft office
      • mjukvara server
        • active directory
        • biztalk
        • exchange
        • linux
        • sharepoint
        • webbservers
        • sql server
      • appar (win/mobil)
      • programspråk
        • c++
        • delphi
        • java
        • quick basic
        • visual basic
      • scripting
        • asp 3.0
        • flash actionscript
        • html css
        • javascript
        • php
        • regular expresssion
        • xml
      • spel och grafik
        • DirectX
        • Spel och grafik
      • ledning
        • Arkitektur
        • Systemutveckling
        • krav och test
        • projektledning
        • ledningsfrågor
      • vb-sektioner
        • activeX
        • windows api
        • elektronik
        • internet
        • komponenter
        • nätverk
        • operativsystem
      • övriga forum
        • arbete karriär
        • erbjuda uppdrag och tjänster
        • juridiska frågor
        • köp och sälj
        • matematik och fysik
        • intern information
        • skrivklåda
        • webb-operatörer
    • Posta inlägg i forumet
    • Chatta med andra
  • Konto
    • Medlemssida
    • Byta lösenord
    • Bli bonsumedlem
    • iMail
  • Material
    • Tips & tricks
    • Artiklar
    • Programarkiv
  • JOBB
  • Student
    • Studentlicenser
  • KONTAKT
    • Om pellesoft
    • Grundare
    • Kontakta oss
    • Annonsering
    • Partners
    • Felanmälan
  • Logga in

Hem / Forum översikt / inlägg

Posta nytt inlägg


Tabellayout gör rad så liten som möjligt

Postades av 2009-08-06 16:58:59 - Niklas Jansson, i forum html/css, Tråden har 1 Kommentarer och lästs av 1559 personer

Har ärvt en tabelldesign i html, och det är inte aktuellt att ordna upp den till en ordentlig i nuläget.

Problemet är att den har en klassisk "left-frame" variant, i stil med
<code>
-------
| | |
| | |
| |---|
| | |
| | |
-------
</code>

Implementerat mha:
<table>
<tr>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>

Vad som nu händer är att om leftframen växer, så blir toprightframen större än innehållet, och sålunda blir det ett mellanrum mellan topright och bottomright-framearna.

Finns det något sätt att få den första raden att bli precis så stor som den behöver vara och den understa att få allt som blir över?

Kan tyvärr inte ge någon länk, men det här visar rätt tydligt:

<?xml version="1.0" encoding="utf-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test</title>
    <style type="text/css">
      td{
      border: 1px solid black;
      vertical-align: top;
      }
    </style>
</head>

<body>        
  <table>
    <tr>
      <td rowspan="2">
a<br/>
a<br/>
a<br/>
a<br/>
      </td>
      <td>
b
      </td>
    </tr>
    <tr>
      <td>
c
      </td>
    </tr>
  </table>
</body>

</html>


Jag vill nu att c ska vara precis under b, utan mellanrum. Idéer? Någon som kommer ihåg hur man gjorde med tabeller?


Svara

Sv: Tabellayout gör rad så liten som möjligt

Postades av 2009-08-06 19:32:19 - Jonas Sjöblom

Testa
<code>
<table>
<tr>
<td rowspan="2"></td>
<td stye="height: 200px;"></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</code>

eller

<code>
<table>
<tr>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<td style="height: 100%;"></td>
</tr>
</table>
</code>

Eller en kombination av båda.
Height 100% fungerar lite bättre i tabeller än på divar. Istället för att göra den onödigt stor så blir den helt enkelt så stor den kan.

Du vill antagligen också ha vertial-align: top; men det har du säkert redan någonstans.


Svara

Nyligen

  • 12:13 Sex Dolls for Sale
  • 19:42 Online Casinos for Haitian Players
  • 19:38 Rekommendera något intressant
  • 19:13 Международная перевозка грузов
  • 00:01 DL Van Tuning | Exclusive Body Kit
  • 12:08 Indian casino
  • 04:14 Vad finns det för kratomalternativ
  • 14:16 Indian online casino

Sidor

  • Hem
  • Bli bonusmedlem
  • Läs artiklar
  • Chatta med andra
  • Sök och erbjud jobb
  • Kontakta oss
  • Studentlicenser
  • Skriv en artikel

Statistik

Antal besökare:
Antal medlemmar:
Antal inlägg:
Online:
På chatten:
4 570 878
27 965
271 772
598
0

Kontakta oss

Frågor runt konsultation, rådgivning, uppdrag, rekrytering, annonsering och övriga ärenden. Ring: 0730-88 22 24 | pelle@pellesoft.se

© 1986-2013 PelleSoft AB. Last Build 4.1.7169.18070 (2019-08-18 10:02:21) 4.0.30319.42000
  • Om
  • Kontakta
  • Regler
  • Cookies