Søg
Avatar billede arkanoid Nybegynder
30. januar 2005 - 00:44 Der er 9 kommentarer og
1 løsning

P-tag fylder for meget-

Hej

Jeg har et stykke tekst i en <td>, teksten er i et <p> tag og problemet er at tabellen i firefox fylder for meget. Det skyldes naturligvis linjeafstanden mellem to p-tags.

Så nu er sprøgsmålet, kan jeg (form. v.h.a. css) eliminere den spildplads?

Jeg prøver lige at eksemplificere med et stykke kode:

<table>
<tr>
  <td class="menu"><p class="menu_head">Books</p></td>
</tr>
<tr>
  <td>
  <a class="menu">Menupunkt</a><br
  <a class="menu">Menupunkt</a><br
  <a class="menu">Menupunkt</a><br
  </td>
</tr>
</table>

Problemet er altså, at det felt der indeholder "<p class="menu_head">Books</p>" fylder tre gange så meget som ellers.

Hvad gør jeg ved det?
Avatar billede arkanoid Nybegynder
30. januar 2005 - 00:45 #1
Der står følgende under p.menu_head i min css-fil:

text-align:center;
font-family:verdana,arial,helvetica,monospace;
font-size:10pt;
color:#FFFFFF;
font-weight:bold;
Avatar billede alister_crowley Nybegynder
30. januar 2005 - 00:55 #2
har du prøvet med <span> istedet for <p> ?

<!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" lang="da" xml:lang="da">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
   
    body,html
    {
    margin: 0px;
    background: black;
    color: yellow;
    }
   
    .menu_head
    {
      text-align: center;
      font-family: verdana,arial,helvetica,monospace;
      font-size: 10pt;
      color: white;
      font-weight: bold;
    }

    </style>
  </head>
  <body>
    <table>
      <tr>
        <td class="menu">
          <span class="menu_head">Books</span>
        </td>
      </tr>
      <tr>
        <td>
          <a class="menu">Menupunkt</a><br
          <a class="menu">Menupunkt</a><br
          <a class="menu">Menupunkt</a><br
        </td>
      </tr>
    </table>
  </body>
</html>
Avatar billede alister_crowley Nybegynder
30. januar 2005 - 00:56 #3
OBS.. husk at afslutte dine <br> tags..

rettet eksempel:

<!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" lang="da" xml:lang="da">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
   
    body,html
    {
    margin: 0px;
    background: black;
    color: yellow;
    }
   
    .menu_head
    {
      text-align: center;
      font-family: verdana,arial,helvetica,monospace;
      font-size: 10pt;
      color: white;
      font-weight: bold;
    }

    </style>
  </head>
  <body>
    <table>
      <tr>
        <td class="menu">
          <span class="menu_head">Books</span>
        </td>
      </tr>
      <tr>
        <td>
          <a class="menu">Menupunkt</a><br />
          <a class="menu">Menupunkt</a><br />
          <a class="menu">Menupunkt</a><br />
        </td>
      </tr>
    </table>
  </body>
</html>
Avatar billede arkanoid Nybegynder
30. januar 2005 - 01:01 #4
Takker... br-tags'ne var afsluttet... det sidste /> var bare ikke kommet med i skyndingen
Avatar billede alister_crowley Nybegynder
30. januar 2005 - 01:03 #5
nåå.. /> er bare vane... xhtml :P OleBole kommer sikkert og flamer mig om et par timer :D

Men virker det nu ?
Avatar billede arkanoid Nybegynder
30. januar 2005 - 01:04 #6
Hmm... det virkede med højden... til gengæld fungerer text-align:center; ikke længere
Avatar billede alister_crowley Nybegynder
30. januar 2005 - 01:07 #7
hvilken er indlysende da <span> er et inline-element.

Hvis du skriver <div class="menu_head">Books</div>
istedet for <span class="menu_head">Books</span>

Så burde det virke :)
Avatar billede arkanoid Nybegynder
30. januar 2005 - 01:26 #8
Perfekt. 1000 tak for hjælpen
Smid lige et svar, så får du points
Avatar billede alister_crowley Nybegynder
30. januar 2005 - 01:45 #9
nej tak, samler ikke på points.
Avatar billede arkanoid Nybegynder
30. januar 2005 - 02:19 #10
OK så... endnu en gang tak for hjælpen :-)
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 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
White papers
Flere white papers »