Søg
Avatar billede pnr Nybegynder
18. august 2005 - 08:09 Der er 15 kommentarer og
1 løsning

Placere en tekst i toppen af en tabel celle og en tekst midt i

Jeg skal have placeret noget tekst uafhænig af hinanden i samme tabelcelle. Der skal være en tekst i toppen af cellen en en tekst midt i cellen. Hvordan kan jeg gøre det smartest?

eks.

--------------------
NYHED

Telefon Nokia....


--------------------
Avatar billede nurriz Nybegynder
18. august 2005 - 09:12 #1
Lære CSS. www.w3schools.org
Avatar billede pnr Nybegynder
18. august 2005 - 09:27 #2
kan du ikke være lidt mere detaljeret?
Avatar billede roenving Novice
18. august 2005 - 11:24 #3
F.eks. sådan:

<table>
  <tr>
    <td style="position:relative;width:200px;height:200px;background:#fcc;">
      <div style="position:absolute;left:0;top:0;width:100%;text-align:center;background:#cff;">NYHED</div>
    Telefon Nokia ...</td>
  </tr>
</table>
Avatar billede pnr Nybegynder
19. august 2005 - 06:28 #4
roenving: super! det var det svar jeg ventede på :) Tusind tak for hjælpen, smid et svar så smider jeg point...
Avatar billede roenving Novice
19. august 2005 - 12:14 #5
Velbekomme '-)
Avatar billede roenving Novice
19. august 2005 - 12:34 #6
-- og tak for point ;~}
Avatar billede pnr Nybegynder
24. august 2005 - 11:59 #7
Jeg opdagede at det ikke virker i NS, kan jeg gøre noget få at få det til at virke i NS?
Avatar billede roenving Novice
24. august 2005 - 12:09 #8
Det var zq mustiskst, men Gecko-maskinen respekterer åbenbart ikke de basale positioneringsregler, hvis det er tabelceller, der er (eller rettere ville skulle være !-) offsetParent ...

-- der skal simpelthen sættes en container rundt om, for at den indre div holdes på plads, f.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
</head>
<body>
<div style="position:relative;width:200px;height:200px;">
<table style="border:0;border-collapse:collapse;">
  <tr>
    <td style="position:relative;width:200px;height:200px;background:#fcc;">
      <div style="position:absolute;left:0;top:0;width:100%;text-align:center;background:#cff;">NYHED</div>
    Telefon Nokia ...</td>
  </tr>
</table></div>
</body>
</html>
Avatar billede pnr Nybegynder
06. september 2005 - 13:28 #9
Det driller mig lidt når jeg har flere rækker.

eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
</head>
<body>
<div style="position:relative;width:200px;height:200px;">
<table style="border:0;border-collapse:collapse;">
  <tr>
    <td style="position:relative;width:200px;height:200px;background:#fcc;">
      <div style="position:absolute;left:0;top:0;width:100%;text-align:center;background:#cff;">NYHED</div>
    Telefon Nokia ...</td>
  </tr>

  <tr>
    <td style="position:relative;width:200px;height:200px;background:#fcc;">
      <div style="position:absolute;left:0;top:0;width:100%;text-align:center;background:#cff;">NYHED</div>
    Telefon Nokia ...</td>
  </tr>

</table></div>
</body>
</html>
Avatar billede roenving Novice
06. september 2005 - 13:38 #10
Ja, der skal et element om hver udgave ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
</head>
<body>
<div style="position:relative;width:200px;height:200px;">
<table style="border:0;border-collapse:collapse;">
  <tr>
    <td style="position:relative;width:200px;height:200px;background:#fcc;">
      <div style="position:absolute;left:0;top:0;width:100%;text-align:center;background:#cff;">NYHED</div>
    Telefon Nokia ...</td>
  </tr>

</table></div>
<div style="position:relative;width:200px;height:200px;">
<table style="border:0;border-collapse:collapse;">
  <tr>
    <td style="position:relative;width:200px;height:200px;background:#fcc;">
      <div style="position:absolute;left:0;top:0;width:100%;text-align:center;background:#cff;">NYHED</div>
    Telefon Nokia ...</td>
  </tr>

</table></div>
</body>
</html>
Avatar billede pnr Nybegynder
06. september 2005 - 14:16 #11
Vil det sige at jeg skal oprette en ny tabel for hver række?
Avatar billede roenving Novice
06. september 2005 - 14:18 #12
Ja, for ellers skal du indstille top for hver absolut placeret div !-)
Avatar billede pnr Nybegynder
07. september 2005 - 07:44 #13
Det er et problem for jeg har en dynamisk genereret tabel som har følgende struktur:

<table cellpadding="1" cellspecing="1">
    <tr>
        <td>Varenr.</td>
        <td>navn</td>
        <td>pris</td>
        <td></td>
    </tr>
    <tr>
        <td class="rk1">123</td>
        <td class="rk1" style="position:relative"><div style="position:absolute;left:5px;top:5px;width:100%">NYHED</div>Nokia</td>
        <td class="rk1">199,-</td>
        <td class="rk1"><img src="" alt=""></td>
    </tr>
    <tr>
        <td class="rk2">1234</td>
        <td class="rk2" style="position:relative"><div style="position:absolute;left:5px;top:5px;width:100%">TILBUD</div>Nokia 1010</td>
        <td class="rk2">299,-</td>
        <td class="rk2"><img src="" alt=""></td>
    </tr>
</table>

Jeg kan ikke se hvordan at jeg kan sætte en tabel uden om hver række også stadig opretholde samme udseende?
Avatar billede roenving Novice
07. september 2005 - 12:18 #14
Kan indholdet i rækkerne have forskellige højde ?-)

-- for umiddelbart tror jeg, at jeg selv ville generere top-positioner til de enkelte rækker i mit server-side script !-)
Avatar billede pnr Nybegynder
07. september 2005 - 12:26 #15
Ja rækkerne kan have forskellige højder.
Avatar billede roenving Novice
07. september 2005 - 12:39 #16
Så tror jeg du skal over i fastlagte bredder på kolonnerne og så opsplitningen i enkelt-tabeller !-)
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 går 12:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »