Avatar billede mccookie Seniormester
05. juni 2007 - 23:02 Der er 5 kommentarer og
1 løsning

centrering af side.

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Admin this site</title>
<style type="text/css" media="screen">
    html, body
    {
        margin: 0px auto;
    }
   
    td.view
    {
        width: 250px;
        background-color: #CCCCCC;
        color: #000000;
        border: #000000 double 2px;
        padding: 10px;
    }
   
    hr
    {
        width: 95%;
        color: #000000;
    }
   
    img
    {
        border: 0px;
    }
   
</style>


<!-- TinyMCE -->
<script language="javascript" type="text/javascript" src="http://www.familienjeppesen.com/tinymce_2_1_0/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
    tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        width : "784",
        height : "600",
        plugins : "devkit,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager",
        theme_advanced_buttons1_add_before : "save,newdocument,separator",
        theme_advanced_buttons1_add : "fontselect,fontsizeselect",
        theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,separator,forecolor,backcolor",
        theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
        theme_advanced_buttons3_add_before : "tablecontrols,separator",
        theme_advanced_buttons3_add : "emotions,iespell,media,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,|,code",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_path_location : "bottom",
        content_css : "example_full.css",
        plugin_insertdate_dateFormat : "%Y-%m-%d",
        plugin_insertdate_timeFormat : "%H:%M:%S",
        extended_valid_elements : "hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
        external_link_list_url : "example_link_list.js",
        external_image_list_url : "example_image_list.js",
        flash_external_list_url : "example_flash_list.js",
        media_external_list_url : "example_media_list.js",
        template_external_list_url : "example_template_list.js",
        file_browser_callback : "fileBrowserCallBack",
        theme_advanced_resize_horizontal : false,
        theme_advanced_resizing : true,
        nonbreaking_force_tab : true,
        apply_source_formatting : true,
        template_replace_values : {
            username : "Jack Black",
            staffid : "991234"
        }
    });

    function fileBrowserCallBack(field_name, url, type, win) {
        // This is where you insert your custom filebrowser logic
        alert("Example of filebrowser callback: field_name: " + field_name + ", url: " + url + ", type: " + type);

        // Insert new URL, this would normaly be done in a popup
        win.document.forms[0].elements[field_name].value = "someurl.htm";
    }
</script>
<!-- /TinyMCE -->
</head>
<body><div style="width: 784px;"><h1>Rediger siden: Forsiden</h1>Denne sides ID: 1<br>   
   
    <form method="post" action="">
    <textarea id="elm1" name="elm1" rows="15" cols="80"><p>
    <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10"
        alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
  </p>
    </textarea>
    <br />
    <input type="submit" name="save" value="Submit" />
    <input type="reset" name="reset" value="Reset" />
</form>
</div>


Jeg ville syntes at side skulle centrerer - Men det gør den ikke!!
Avatar billede raffar Juniormester
05. juni 2007 - 23:27 #1
Prøv at sætte    text-align:center; ind som nedenfor:


html, body
    {
        margin: 0px auto;
    text-align:center;
    }
Avatar billede roenving Novice
05. juni 2007 - 23:33 #2
Gør det med ægte css:

<style type="text/css">
    html, body{margin:0;padding:0;}
    #site{width:784px;margin: 0 auto;}
...

</head>
  <body>
    <div id="site">
      <h1>Rediger siden: Forsiden</h1>
      Denne sides ID: 1<br>
...
Avatar billede mccookie Seniormester
05. juni 2007 - 23:36 #3
Hehe....løsningen lå lige frem for næsen..

Min div skulle også have en margin: 0px auto;
Så gjorde den som forventet..... den med text-align er vist ikke helt gyldig ;)

///McCookie
Avatar billede mccookie Seniormester
05. juni 2007 - 23:37 #4
Roenving>> Hehe.....det fandt jeg også ud af da jeg lige fik kigget efter, det er vist ved at være lidt sent...

Smid et svar...

///Henning
Avatar billede roenving Novice
05. juni 2007 - 23:44 #5
margin:auto; skal jo selvfølgelig have noget, den kan forholde sig til, før den laver marginen automatisk ...

Velbekomme '-)
Avatar billede roenving Novice
06. juni 2007 - 00:42 #6
-- og 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