Avatar billede udvikler Nybegynder
07. oktober 2005 - 15:47 Der er 16 kommentarer og
1 løsning

Sætte en marg i venstre side på tabel

Hejsa

Jeg er igang med et lille projekt og kunne godt tænke mig at min tekst ikke starter øverst til venstre. Kunne godt tænke mig at den var rykket ca. 10px ind ad (altså fra venstre af)

Kan da lige prøve at tegne det lidt :)

Sådan ser det ud nu:
-------------------------------
|Bla bla bla                  |
|                            |
|                            |
|------------------------------

Sådan skal det se ud:

-------------------------------
|  Bla bla bla              |
|                            |
|                            |
|------------------------------

se, tekstens startpunkt er rykket ca. 10px :)
Avatar billede udvikler Nybegynder
07. oktober 2005 - 15:48 #1
(de 3 streger ude i siden skulle have været den højre border i min tegnede tabel) :)
Avatar billede roenving Novice
07. oktober 2005 - 16:15 #2
padding:10px; ?-)
Avatar billede udvikler Nybegynder
07. oktober 2005 - 16:28 #3
Hmm.. det har jeg prøvet med, men det virker ikke. Det kan have noget at gøre med at jeg har lavet en tabel som starter øverst oppe i viduet så padding og margin er begge sat til 0 ellers vil det ikke virke. Sig til hvis du vil have en kode ?
Avatar billede roenving Novice
07. oktober 2005 - 17:17 #4
F.eks. sådan i dit stylesheet:

html,body{margin:0;padding:0;}
#minTabel{border:1px solid red;border-collapse:collapse;}
#minTabel td{border:1px solid green;padding-left:10px;}
Avatar billede udvikler Nybegynder
07. oktober 2005 - 17:23 #5
Den gjorde bare min tabel bredere. Har lige uploadet siden på en af mine gamle gamle test sider :)

www.adeee.frac.dk

Den tekst som st&aring;r, skal st&aring; under de der <hr>'er de er 450px brede
og teksten skal flugte dem hvis du forst&aring;r. Alts&aring; teksten m&aring; ikke g&aring; uden for hr'ernes kant.

Kan du hj&aelig;lpe med det ? :)
Avatar billede roenving Novice
07. oktober 2005 - 18:02 #6
Hvordan mener du, skal indholdet have en bredde på 450px ?-)
Avatar billede udvikler Nybegynder
07. oktober 2005 - 18:03 #7
Ja, alts&aring; indholdet m&aring; ikke g&aring; udenfor mine streger (<hr>)
Avatar billede roenving Novice
07. oktober 2005 - 18:10 #8
Så sæt en container ind i tabelcellen, som har den bredde !-)

F.eks.

<table style="width:750px;">
  <tr>
    <td style="width:100%;">
      <div style="width:450px;margin: 0 auto">
        <hr>
        Lorem ipsum ...
      </div></td>
  </tr>
</table>
Avatar billede udvikler Nybegynder
07. oktober 2005 - 18:18 #9
Det virkede delvist, kig selv på www.adeee.frac.dk

teksten er som den skal være nu, men nu går min tabel omvendt. Istedet for at den klæber sig til toppen, klæber den sig til bunden. Kan du hjælpe med det ? hehe

Hvis du ved hvordan det gøres, så læg også et svar samtidigt, ellers så bare læg et svar alligevel. :)
Avatar billede roenving Novice
07. oktober 2005 - 18:23 #10
Øh, hvordan mener du ?-)

-- hvilken bund skal den klæbe sig til ?o]

-- og hvad er den for en tingest ...
Avatar billede udvikler Nybegynder
07. oktober 2005 - 18:29 #11
Kan du ikke se at min tabel er nederst på siden og tabellens bund er helt klæbet fast til vinduets bund ?
- den skal ikke være i bunden men ØVERST i vindueet altså helt klæbet op til viduets top
Avatar billede udvikler Nybegynder
07. oktober 2005 - 18:33 #12
Fik det selv til at virke, såeh lige meget :)

fandt ud af at alle <br> der var indenfor <div> tagene som du lagde ind i mit dokument blev placeret udenfor <div> tagene alligevel og ændrede om på hele mit design. Underligt, men tak for hjælpen. Læg et svar !
Avatar billede roenving Novice
07. oktober 2005 - 18:39 #13
-- men den måde, du centrerer dine ting på virker altså ikke i andre browsere end IE, så prøv den metode, jeg viste dig (margin:0 auto; !-)

-- du skal lige prøve at se den i f.eks. FireFox !o]

-- els velbekomme '-)
Avatar billede udvikler Nybegynder
07. oktober 2005 - 18:43 #14
Så hvad siger du jeg skal gøre ?
- slette alle steder hvor der står <div style="text-align: center;"> og ændre til margin: 0auto; i stylesheetet ?

- hvor blev det svar af ? ;D
Avatar billede roenving Novice
07. oktober 2005 - 18:46 #15
*lol*

;O)

-- ja, IE centrerer fejlagtigt alle elementer med text-align:center; der ellers (som det jo ganske tydeligt fremgår !-) _kun_ må virke på text- eller andre inline-elementer ifølge standarden ...
Avatar billede udvikler Nybegynder
07. oktober 2005 - 18:52 #16
Tak, tror det bliver vist ordenligt nu i FF men jeg takker for point.

- dit svar er accepteret! :)
Avatar billede roenving Novice
07. oktober 2005 - 19:36 #17
Tak for point ;~}
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