Avatar billede pemo123456 Novice
26. april 2009 - 17:03 Der er 4 kommentarer og
1 løsning

CSS problem (endnu et)

Hej

Jeg er i gang med at oprette css til en hjemmeside. Jeg har en overskrift, hvor jeg vil have align=center. Probpemet er at align forbliver i venstre ligegyldigt hvad jeg gør. Andre egenskaber, såsom font size, som jeg angiver egenskaber på i css vil "den" gerne rette ind til, bare ikke align. Koden står efter min bedste overbevisning korrekt i css filen, men html filen retter ikke ind efter denne ene kodelinie i css filen. ANYONE?!?!?

Koden er herunder.

I en html fil:

<link rel="stylesheet" type="text/css" href="../html/site.css">
</head>
<body style="margin: 0px;">
<table border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">
  <td width="150"></td>
  <td width="750">
    <table id="Table4" border="0" cellspacing="0" cellpadding="0" width="100%" style="height: 48;">
    <tr style="height: 48px;">
      <td width="750">
        <span class="GC_headline">overskrift, som forbliver i venstre side underordnet andet valg i koden</span><br>
          <span class="Designed_by">denne tekst bliver rykket til center, sådan som koden foreskriver</span></td>

I en css fil:

.GC_headline {
    font-family: "Times New Roman", Times, serif;
    text-align: center;
    font-size: 24px;
    font-weight: bold;

}

.Designed_by {
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    font-style: oblique;
    font-size: 14px;
}
Avatar billede zips Juniormester
26. april 2009 - 19:24 #1
<span> er et inline-element og text-align kan kun bruges på block-elementer, derfor vil det ikke virke, sæt den på din td i stedet for <td width="750" style="text-align: center;">

http://www.w3.org/TR/REC-html40/present/graphics.html#alignment
Avatar billede pemo123456 Novice
26. april 2009 - 21:24 #2
Det giver selvfølgelig god mening, men det jeg så ikke forstår er, hvorfor jeg i css i Dreamweaver har mulighed for at vælge align koden?!?!? Men det skal jeg måske ikke tænke så meget over.

Men på den måde du angiver, mister jeg så ikke muligheden for den generelle tilretning, css tilbyder? Eller spurgt på en anden måde, at hvis jeg har 50 sider, hvor jeg vil have samme layout, og hvor jeg i dag gerne vil have centrering på overskriften. Har jeg da mulighed for at lave en overordnet regulering af disse? Som jeg ser din løsning, skal jeg ind og tilpasse hver af de 50 sidelayouts, fremfor at tilpasse et sted.

Mvh Per
Avatar billede zips Juniormester
27. april 2009 - 06:23 #3
Da du har din width på selve din td satte jeg den blot ind der, men sæt en class på den <td> og styr den gennem css, men hvorfor bruger du tabler til at opbygge dit design? da tabler kun er til tabulær data som en formular osv

Når du nu er ved at lave en ny side skulle du heller lave den med <div>

Og det er da også bedre med en include af din fotter så du kun har en, da det sikkert er den samme du har på alle sider og ikke skal rundt og ændre alle 50+ sider hvergang der er en ændring.
Avatar billede pemo123456 Novice
27. april 2009 - 11:53 #4
... men hvorfor bruger du tabler til at opbygge dit design?

Hvis jeg skal være helt ærlig, så er det fordi, jeg er tabt bag en vogn, når det kommer til dette emne. Jeg vælger derfor den løsning, jeg kan finde ud af, og som sandsynligvis sjældent er den optimale. Vil kigge på <div> løsningen næste gang jeg skal i gang.

Tak for hjælpen - jeg fik jo svar på mit spørgsmål, også selvom det ikke var det, jeg havde håbet på.
Avatar billede zips Juniormester
27. april 2009 - 12:59 #5
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