css transformation effect

  • (2 Pages)
  • +
  • 1
  • 2

22 Replies - 1073 Views - Last Post: 29 June 2013 - 03:48 AM

#16 movarind  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 10
  • Joined: 28-June 13

Re: css transformation effect

Posted 29 June 2013 - 02:35 AM

if i change my div to be centered i dont want the text below my heading to also be centerd i want it to be to the left(so heading centered and rest of text to the left0 how do i do it
Was This Post Helpful? 0
  • +
  • -

#17 travesty  Icon User is offline

  • D.I.C Head

Reputation: 6
  • View blog
  • Posts: 67
  • Joined: 04-June 13

Re: css transformation effect

Posted 29 June 2013 - 02:42 AM

Just don't put the text you want to the left into the div that has the text being centered. Have a header div with the "Global Accounting" text in it, then when you close it out, all the text after it should be aligned to the left.
Was This Post Helpful? 0
  • +
  • -

#18 movarind  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 10
  • Joined: 28-June 13

Re: css transformation effect

Posted 29 June 2013 - 02:58 AM

if i want the div to be positioned right and the heading inside the div centered and rest of text inside div on the left how do i do it ?

View Posttravesty, on 29 June 2013 - 02:42 AM, said:

Just don't put the text you want to the left into the div that has the text being centered. Have a header div with the "Global Accounting" text in it, then when you close it out, all the text after it should be aligned to the left.

can you give me an example PLEASE
Was This Post Helpful? 0
  • +
  • -

#19 travesty  Icon User is offline

  • D.I.C Head

Reputation: 6
  • View blog
  • Posts: 67
  • Joined: 04-June 13

Re: css transformation effect

Posted 29 June 2013 - 03:06 AM

<div id="main"
     <div id="header"><h1>Global Accounting</h1></div>
<!--
Rest
of
text
goes
here
-->
</div>



CSS:
#main {
float:right;
width:x; /* I think you need to specify this */
}
#header {
text-align:center;
}



Also, the "main" div might need to be "position:relative;" because it would be the parent div to the "header" div.
Was This Post Helpful? 0
  • +
  • -

#20 movarind  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 10
  • Joined: 28-June 13

Re: css transformation effect

Posted 29 June 2013 - 03:22 AM

View Posttravesty, on 29 June 2013 - 03:06 AM, said:

<div id="main"
     <div id="header"><h1>Global Accounting</h1></div>
<!--
Rest
of
text
goes
here
-->
</div>



CSS:
#main {
float:right;
width:x; /* I think you need to specify this */
}
#header {
text-align:center;
}



Also, the "main" div might need to be "position:relative;" because it would be the parent div to the "header" div.

its putting it into 2 separate div's
Was This Post Helpful? 0
  • +
  • -

#21 travesty  Icon User is offline

  • D.I.C Head

Reputation: 6
  • View blog
  • Posts: 67
  • Joined: 04-June 13

Re: css transformation effect

Posted 29 June 2013 - 03:28 AM

View Postmovarind, on 29 June 2013 - 03:22 AM, said:

its putting it into 2 separate div's

Its impossible to have text in a div that has attribute "text-align:center;" be aligned to the left. You could remove that attribute from that div though and add a class to the <h1> like I said earlier. This would make it so the "Global Accounting" would be centered, but the other stuff in the div wouldn't be.
Was This Post Helpful? 0
  • +
  • -

#22 movarind  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 10
  • Joined: 28-June 13

Re: css transformation effect

Posted 29 June 2013 - 03:45 AM

ok i will just have to leave that out thanks a lot
Was This Post Helpful? 0
  • +
  • -

#23 travesty  Icon User is offline

  • D.I.C Head

Reputation: 6
  • View blog
  • Posts: 67
  • Joined: 04-June 13

Re: css transformation effect

Posted 29 June 2013 - 03:48 AM

View Postmovarind, on 29 June 2013 - 03:45 AM, said:

ok i will just have to leave that out thanks a lot

Your welcome!
Was This Post Helpful? 0
  • +
  • -

  • (2 Pages)
  • +
  • 1
  • 2