Søg
Avatar billede wilweb Nybegynder
02. juni 2006 - 11:27 Der er 18 kommentarer og
1 løsning

text-align: center; virker i MSIE men ikke i Firefox

i min <td class="tdmenu"> virker text-align: center; i MSIE, men ikke i Friefox..

.tdmenu{
        text-align: center;
    background-image: url(../gfx/bg_dot.gif);
    height: 100px;
    width: 670px;
}
Avatar billede webudvikleren Nybegynder
02. juni 2006 - 11:28 #1
Vil du have tabellen centreret eller teksten indei?
Avatar billede wilweb Nybegynder
02. juni 2006 - 11:29 #2
der er en tabel inden i  og den vil jeg have centreret
Avatar billede wilweb Nybegynder
02. juni 2006 - 11:33 #3
altså:

<td class="tdmenu">
<table> /// denne tabel skal være centreret
  <tr>
    <td><img src="img.jpg"></td>
  </tr>
  <tr>
    <td><img src="img2.jpg"></td>
  </tr>
  </table>
</td>
Avatar billede wilweb Nybegynder
02. juni 2006 - 11:33 #4
Det ville være let af bruge align="center" men jeg må kun bruge CSS
Avatar billede webudvikleren Nybegynder
02. juni 2006 - 11:38 #5
Kan du ikke bare putte en <div ind i <td, hvor den fortæller den skal være centeret?

Ellers ja - hvorfor bruger du ikke bare align="center" ?

<td class="tdmenu">
    <div style="text-align:center;margin:0 auto;">
    ....
    </div>
</td>
Avatar billede webudvikleren Nybegynder
02. juni 2006 - 11:39 #6
.. og hvorfor må du kun bruge css?

<td class="tdmenu" align="center"> - kan da sagtens lade sig gøre?
Avatar billede mm12010 Nybegynder
02. juni 2006 - 11:48 #7
denne burde oz klare det:

.tdmenu table{
    margin:auto;
}
Avatar billede wilweb Nybegynder
02. juni 2006 - 12:28 #8
det er en opgave jeg skal løse med hjælp at html og Css
Avatar billede tfswebguy Nybegynder
02. juni 2006 - 12:29 #9
align="center" <-- Er HTML
Avatar billede webudvikleren Nybegynder
02. juni 2006 - 12:29 #10
02/06-2006 11:38:57 ->
text-align:center;
margin:0 auto;
Avatar billede wilweb Nybegynder
02. juni 2006 - 12:31 #11
mm12010:> ser ud til at det virker..
.tdmenu table{
    margin:auto;
}
kunne man også aline left og right på den måde?
Avatar billede wilweb Nybegynder
02. juni 2006 - 12:34 #12
jeg mener selvfølgelig, kan man også align left og right på den måde?
Avatar billede doggy82 Praktikant
02. juni 2006 - 12:41 #13
Left>
margin: 0 auto 0 0;

Right>
margin: 0 0 0 auto;
Avatar billede mm12010 Nybegynder
02. juni 2006 - 12:43 #14
eller sådan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>align med amrgin</title>
<style type="text/css">
div{width:200px;border:2px solid red;}
</style>
</head>
<body>
<div style="margin-right:auto;">margin-right:auto;</div>
<div style="margin:auto;">margin:auto;</div>
<div style="margin-left:auto;">margin-left:auto;</div>
</body>
</html>
Avatar billede wilweb Nybegynder
02. juni 2006 - 13:24 #15
Man kan altså ikke centre tabellen inden i en <td> uden brug af align="center"

<td class="tdmenu">
<table> /// denne tabel skal være centreret
  <tr>
    <td><img src="img.jpg"></td>
  </tr>
  <tr>
    <td><img src="img2.jpg"></td>
  </tr>
  </table>
</td>
Avatar billede mm12010 Nybegynder
02. juni 2006 - 13:36 #16
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>align med amrgin</title>
</head>
<body>
<table style="width:500px;border:2px solid red;">
  <tr>
    <td><table style="width:200px;border:2px solid green;margin:auto;">
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>
Avatar billede wilweb Nybegynder
17. august 2006 - 15:07 #17
hovsa smid lige et svar, jeg havde helt glemt dette spm... Sorry
Avatar billede wilweb Nybegynder
17. august 2006 - 15:08 #18
Svar mm12010
Avatar billede mm12010 Nybegynder
17. august 2006 - 15:12 #19
svar :o)
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
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
White papers
Flere white papers »