Html.index question ?

Post reply

❤Follow Topic(6)

0 favourites

20 posts
- 1
- 2

- chrisbrobs
- - Joined 10 Aug, 2010
  - 216 topics • 1,215 posts
- 1
- 27 Jan, 2012
- Quote
also add

> html,body {margin:0;padding:0;border:0}

default margins / padding are set to be > 0 by default by the browser that's why it's off i think.
Where would I implement this ?

I am really new to html5 stuff.
- Kyatric
- - Joined 18 Aug, 2010
  - 280 topics • 8,345 posts
- 1
- 27 Jan, 2012
- Quote
I think to put every <style> tags into the <header> tag before the <body> is the way to go as far as css formating goes.

I don't know if you already seen it but I wrote a tutorial about customizing the index.html page a while ago and added some more concrete example at the end after popular request.

I hope this can guide you along the way.
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads

ranma
- Joined 20 Feb, 2008
- 88 topics • 555 posts
1

27 Jan, 2012
Quote

the basics are:

<style type="text/css">
element {attribute: value; attribute2: value;}
otherelement {attribute: value;}
moreelements, somethingelse {attribute: value}
</style>

based on that:

<style type="text/css">

html,body {
   margin:0;padding:0;border:0
}

canvas {
   border: 1px solid red;
}

body {
   background-image: url('iPhone.gif');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position:center center;
}
</style>

- chrisbrobs
- - Joined 10 Aug, 2010
  - 216 topics • 1,215 posts
- 1
- 28 Jan, 2012
- Quote
Kyatric@

I think to put every <style> tags into the <header> tag before the <body> is the way to go as far as css formating goes.

I don't know if you already seen it but I wrote a tutorial about customizing the index.html page a while ago and added some more concrete example at the end after popular request.

I hope this can guide you along the way.

I only started this thread after reading your excellent index,html tutorial !

----------------------------------------------------------------------

ranma@

the basics are:

<style type="text/css">

element {attribute: value; attribute2: value;}

otherelement {attribute: value;}

moreelements, somethingelse {attribute: value}

</style>

based on that:

<style type="text/css">

html,body {

   margin:0;padding:0;border:0

}

canvas {

   border: 1px solid red;

}

body {

   background-image: url('iPhone.gif');

   background-repeat: no-repeat;

   background-attachment: fixed;

   background-position:center center;

}

</style>

---------------------------------------------------

I think my brain is finally starting to digest this stuff.

Thanks for the tips.
- chrisbrobs
- - Joined 10 Aug, 2010
  - 216 topics • 1,215 posts
- 1
- 28 Jan, 2012
- Quote
Here's the finished example:

View

Here's the project files:

Download

I think there is still 1 problem relating to the (z-index:-1;) of the iphone image?