Help get this topic noticed by sharing it on Twitter, Facebook, or email.

How do I only justify in Mobile and tablet view and indent and justify in the desktop view?

I need to have the text to appear in the mobile and tablet view 100% wide. I need the same text indented by 200px on both side in the desktop view.
1 person has
this question
+1
Reply
  • Hello Al,

    Are you working with a specific O'Reilly book? I think a post from you earlier, and Rachel was able to assist, but if this doesn't concern an O'Reilly title and is a general question concerning web site design or programming I unfortunately wont be able to assist you.

    With that being said I'm always willing to try and assist people. O'Reilly carries many books that might assist with what you're trying to do, and those can be found on oreilly.com. I might also suggest you visit stackoverflow.com or join a local user group that concentrates on the subjects you're interested in. I hope this helps and have a great day!

    Best regards,
    Paul Fichera
    Customer Service Representative
    O'Reilly Media
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned

  • I do understand and I own and use your DW CS6 "The Missing Manual". It is a great manual but unless I missed it I could not find the answer there. If there is one in the manual it probably would be great to get the page number. That way I could book mark it and use it in the future as well. If it isn't in there I would appreciate it very much if you could steer me the right way. The only thing I could think of is to create two divs with the same info. Then I would use "display:none on div1" in the mobile and tablet views and on div2 use "display:none" on the desktop.
    Is this the way to do it or is their a better way.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned

  • Hello Al,

    I have forwarded your question on to our Book Tech staff, so they can help you find a solution. If you ever have any questions or issues with the content of a title, you can also contact them directly at booktech@oreilly.com or call them at:

    1-800-889-8969
    or
    1-707-827-7019 (outside the USA)
    7:30 am to 5:00 PST

    Best regards,
    Paul Fichera
    Customer Service Representative
    O'Reilly Media
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned

  • Hi Al,

    Sorry for the delay in getting back to you. I found this tutorial that uses the Fluid Grid Layout in Dreamweaver CS6 that should help you -
    http://www.adobe.com/inspire/2012/08/...

    Best regards,
    Chris Olson
    O'Reilly Book Support
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned