Forum: Inkscape align the web page centerally

Hi,

I am very new to Inkscape and I want to create my own website. However, 
I could not find the way to centerally align the web page on the screen. 
Anyone having any idea?

Thanks in advance,

Ozlem

On 11-09-30 08:43 AM, openguen wrote:
> I am very new to Inkscape and I want to create my own website. However,I
> could not find the way to centerally align the web page on the screen.
> Anyone having any idea?

Use CSS:

body {
   left-margin: auto;
   right-margin: auto;
}


--
Just my 0.00000002 million dollars worth,
   Shawn

Confusion is the first step of understanding.

Programming is as much about organization and communication
as it is about coding.

The secret to great software:  Fail early & often.

Eliminate software piracy:  use only FLOSS.

"Make something worthwhile."  -- Dear Hunter

I guess I can put this into the code using XML editor, can't I? Yet, I 
come up with failureeverytime I tried with different locations within 
the code. Where should I put this?

Thanks again...

Ozlem


________________________________
From: Shawn H Corey <shawnhcorey@gmail.com>
To: inkscape-user@lists.sourceforge.net
Sent: Friday, 30 September 2011, 15:54
Subject: Re: [Inkscape-user] align the web page centerally

On 11-09-30 08:43 AM, openguen wrote:
> I am very new to Inkscape and I want to create my own website. However,I
> could not find the way to centerally align the web page on the screen.
> Anyone having any idea?

Use CSS:

body {
 left-margin: auto;
 right-margin: auto;
}


--
Just my 0.00000002 million dollars worth,
 Shawn

Confusion is the first step of understanding.

Programming is as much about organization and communication
as it is about coding.

The secret to great software: Fail early & often.

Eliminate software piracy: use only FLOSS.

"Make something worthwhile." -- Dear Hunter

On 11-09-30 11:26 AM, openguen wrote:
> I guess I can put this into the code using XML editor, can't I? Yet, I
> come up with failure everytime I tried with different locations within
> the code. Where should I put this?

If you're not using a separate *.css file, try putting it in the <svg> 
tag:

<svg style="left-margin: auto; right-margin: auto;"



--
Just my 0.00000002 million dollars worth,
   Shawn

Confusion is the first step of understanding.

Programming is as much about organization and communication
as it is about coding.

The secret to great software:  Fail early & often.

Eliminate software piracy:  use only FLOSS.

"Make something worthwhile."  -- Dear Hunter

On Friday, September 30, 2011, 2:54:08 PM, Shawn wrote:

SHC> On 11-09-30 08:43 AM, openguen wrote:
>> I am very new to Inkscape and I want to create my own website. However,I
>> could not find the way to centerally align the web page on the screen.
>> Anyone having any idea?

SHC> Use CSS:

SHC> body {
SHC>    left-margin: auto;
SHC>    right-margin: auto;
SHC> }

Assuming

a) the SVG is wrapped in HTML, and

b) that you meant:

body {
   margin-left: auto;
   margin-right: auto;
}


--
 Chris Lilley   Technical Director, Interaction Domain
 W3C Graphics Activity Lead, Fonts Activity Lead
 Co-Chair, W3C Hypertext CG
 Member, CSS, WebFonts, SVG Working Groups

Unfortunately, no change occured; and also it didn't yield any error.



________________________________
From: Shawn H Corey <shawnhcorey@gmail.com>
To: inkscape-user@lists.sourceforge.net
Sent: Friday, 30 September 2011, 18:36
Subject: Re: [Inkscape-user] align the web page centerally

On 11-09-30 11:26 AM, openguen wrote:
> I guess I can put this into the code using XML editor, can't I? Yet, I
> come up with failure everytime I tried with different locations within
> the code. Where should I put this?

If you're not using a separate *.css file, try putting it in the <svg> 
tag:

<svg style="left-margin: auto; right-margin: auto;"



--
Just my 0.00000002 million dollars worth,
  Shawn

Confusion is the first step of understanding.

Programming is as much about organization and communication
as it is about coding.

The secret to great software: Fail early & often.

Eliminate software piracy: use only FLOSS.

"Make something worthwhile." -- Dear Hunter

2011/10/1 openguen <openguen@yahoo.co.uk>:
> Unfortunately, no change occured; and also it didn't yield any error.
>
>
> If you're not using a separate *.css file, try putting it in the <svg> tag:
>
> <svg style="left-margin: auto; right-margin: auto;"
>

Shouldn't it be 'margin-left' and 'margin-right'? Since it is CSS, the
'margin' thing should come first. You must set 'width' also so the 
margins are
really automatically defined.

I already wrote it as "margin-left" and "margin-right". And also I set 
width as 100% in one version and in pixels in another version.

I am still looking for a solution...


________________________________
From: Alessandro Antonello <antonello.ale@gmail.com>
To: openguen <openguen@yahoo.co.uk>; Inkscape User Community 
<inkscape-user@lists.sourceforge.net>
Sent: Sunday, 2 October 2011, 6:29
Subject: Re: [Inkscape-user] align the web page centerally

2011/10/1 openguen <openguen@yahoo.co.uk>:
> Unfortunately, no change occured; and also it didn't yield any error.
>
>
> If you're not using a separate *.css file, try putting it in the <svg> tag:
>
> <svg style="left-margin: auto; right-margin: auto;"
>

Shouldn't it be 'margin-left' and 'margin-right'? Since it is CSS, the
'margin' thing should come first. You must set 'width' also so the 
margins are
really automatically defined.

On 11-10-03 02:01 AM, openguen wrote:
> I already wrote it as "margin-left" and "margin-right". And also I set
> width as 100% in one version and in pixels in another version.
> I am still looking for a solution...

In the attached file, I have used a text editor to add this to the svg 
tag:

    style="margin-left: auto; margin-right: auto; width: 180;"


The width is the same as the width= attribute (of the svg tag). It
centres the image in Firefox but I haven't tried other browsers.


--
Just my 0.00000002 million dollars worth,
   Shawn

Confusion is the first step of understanding.

Programming is as much about organization and communication
as it is about coding.

The secret to great software:  Fail early & often.

Eliminate software piracy:  use only FLOSS.

"Make something worthwhile."  -- Dear Hunter

Thank you very much, that worked.

Without defining the width; it doesn't work. I think this was one of the 
troubles before.


________________________________
From: Shawn H Corey <shawnhcorey@gmail.com>
To: inkscape-user@lists.sourceforge.net
Sent: Monday, 3 October 2011, 22:38
Subject: Re: [Inkscape-user] align the web page centerally

On 11-10-03 02:01 AM, openguen wrote:
> I already wrote it as "margin-left" and "margin-right". And also I set
> width as 100% in one version and in pixels in another version.
> I am still looking for a solution...

In the attached file, I have used a text editor to add this to the svg 
tag:

 style="margin-left: auto; margin-right: auto; width: 180;"


The width is the same as the width= attribute (of the svg tag). It 
centres the image in Firefox but I haven't tried other browsers.


-- Just my 0.00000002 million dollars worth,
 Shawn

Confusion is the first step of understanding.

Programming is as much about organization and communication
as it is about coding.

The secret to great software: Fail early & often.

Eliminate software piracy: use only FLOSS.

"Make something worthwhile." -- Dear Hunter