Avatar billede compac Seniormester
09. februar 2008 - 21:09 Der er 4 kommentarer og
2 løsninger

Centrering af billeder og tekst

Jeg har et dokument med 2 spalter, hvor jeg vil have teksten til stå med lige højre margin i venstre  halvdel af dokumentet. I højre side af dokumentet skal al data være centereret :-men kun indenfor  højre side -:.

Lidt af min kodee ser således ud, kan nogen hjælpe?

    body
    {
        text-align: center;
    }
   
    #container
    {
        text-align: left;
        margin: 0 auto;
        width: 700px;
        background: #FFF url(header-base.gif) repeat-y;
    }
   
    h1
    {
        background: #D36832;
        color: #FFF;
        padding: 20px;
        margin: 0;
        border-bottom: 5px solid #387A9B;
    }
   
    #nav
    {
        float: left;
        width: 130px;
        display: inline;
        margin-left: 20px;
        padding: 15px 0;
    }
       
    #indhold
    {
        float: left;
        width: 475px;
        margin-left: 45px;
        padding: 15px 0;
    }
Avatar billede olebole Juniormester
09. februar 2008 - 21:33 #1
<ole>

Prøv at lægge et link til siden

/mvh
</bole>
Avatar billede o-zone Nybegynder
11. februar 2008 - 11:27 #2
Jeg er ikke helt sikker på at det er det du mener, men sådan som jeg læser dine ønsker ovenfor, skal du bare tilføje følgende to linier til dine divs:

#nav
    {
        text-align:right;
    }
       
    #indhold
    {
        text-align:center;
    }

... men det er jo sikkert ikke det du mener? :-?
/o-zone
Avatar billede o-zone Nybegynder
11. februar 2008 - 11:28 #3
ovenstående selvfølgelig forudsat at #nav er kolonnen til venstre og #indhold er kolonnen til højre ;-)
Avatar billede compac Seniormester
11. februar 2008 - 17:31 #4
Jeg har en link til min side: http://azorerne.1go.dk/indexeksp.php Forsiden står nydeligt (synes jeg). Det er kun underpunktet med kontingentet der ligger noget under. Men så sker der også en masse: De hele rykkes til venstre, hvor jeg ville have tabellen til at stå midt i højre søjle, som jo har 2 søjler.
Avatar billede o-zone Nybegynder
11. februar 2008 - 19:48 #5
Du får afsluttet din #container div for tidligt på siden med kontingenter!
Det </div> der står på linie 12 (lige under </h1>) skal du flytte ned på linie 57 (lige før </body>)

Så vidt jeg kan se bør det hjælpe på det. :)
/o-zone
Avatar billede compac Seniormester
11. februar 2008 - 20:24 #6
Takker 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
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