Announcement

Collapse
No announcement yet.

New User: Centre a website.

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    New User: Centre a website.

    Hi all,

    I've used frames in the past to centre webpages horizontally using frames in Dreamweaver (eg. 700px width).

    How can this be done in Actinic, or do I need to create a 'template' in Dreamweaver withe the frames in place, and import into Actinic.

    Thanks in advance,
    Simon
    Simon Williams
    Actinic Designer v.8.5.2.0.0.0.HMVA

    Tags: None
    #2
    There are a couple of options - place everything into a <table> and center that. Depending on which theme you are using (if CSS) you can wrap everything into a <div> and set the CSS to

    width: 700px;
    margin: 0 auto;

    there is an issue (as ever) with Internet Explorer not recognising this - the hack is to text-align:center; the <html> or <body> tag and then reset the <p> tags back to text-align: left; to avoid all the text being aligned centrally also


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment

      #3
      Thanks jont, I'll look further into it - it's also worth knowing the hack!

      Thanks again.
      Simon Williams
      Actinic Designer v.8.5.2.0.0.0.HMVA

      Comment

        #4
        ack! jont beat me to it. lol.
        HTML Code:
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="760" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>site goes here

    </td>
  </tr>
</table>
</body>
</html>

        or for css freaks like jont and I:

        HTML Code:
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.maincontainer {
	width: 700px;
	margin: 0 auto;
	border: 1px dashed #999999;
};
body,html {
	text-align: center;
}
p {
	text-align: left;
}
-->
</style>
</head>

<body>
<div class="maincontainer">Site goes here</div>
</body>
</html>
        Last edited by gabrielcrowe; 24-Aug-2006, 10:31 AM. Reason: forgot the p tag!

        Comment

          #5
          That's brilliant - thanks Gabriel.
          Simon Williams
          Actinic Designer v.8.5.2.0.0.0.HMVA

          Comment

            #6
            'twas jonts idea, i had dreamweaver open at the time and thought i'd lend y'all a hand.

            Comment

            Previous template Next
            Working...
            X