Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    118
    Thanks
    22
    Thanked 0 Times in 0 Posts

    Need Help On CSS Shapes

    HI

    I am try to get my trapezoid to have a little bit of curve in it at the moment it is to sharp at one end in middle of stand area

    http://codepen.io/CarraraWebsiteSolutions/full/JHtem
    Founder Of Riwaka Website Designs
    http://www.riwakawebsitedesigns.com

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    Quote Originally Posted by vipercode View Post
    I am try to get my trapezoid to have a little bit of curve in it at the moment it is to sharp at one end in middle of stand area

    http://codepen.io/CarraraWebsiteSolutions/full/JHtem
    I think you'd be better off doing this in an actual image format via SVG, HTML's canvas element, or PNG.

    Your monitor image has more rendering issues than the stand. In Firefox 25 Beta, there are gaps in the top corners at 125% DPI. In Internet Explorer 11, there's a small gap below the monitor screen. And when the IE11 window isn't maximized, the image is stretched. Not to mention the text is cut off in every browser.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #3
    Regular Coder
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    118
    Thanks
    22
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Arbitrator View Post
    I think you'd be better off doing this in an actual image format via SVG, HTML's canvas element, or PNG.

    Your monitor image has more rendering issues than the stand. In Firefox 25 Beta, there are gaps in the top corners at 125% DPI. In Internet Explorer 11, there's a small gap below the monitor screen. And when the IE11 window isn't maximized, the image is stretched. Not to mention the text is cut off in every browser.
    Could not find a monitor image like that so thats why gave it a go with css and bootstrap 3.

    Would you know where might get image like that. I can't seem to find any free one. I am trying to make it with slide show effect using bootstrap 3.
    Founder Of Riwaka Website Designs
    http://www.riwakawebsitedesigns.com

  • #4
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    Quote Originally Posted by vipercode View Post
    Could not find a monitor image like that so thats why gave it a go with css and bootstrap 3.

    Would you know where might get image like that. I can't seem to find any free one. I am trying to make it with slide show effect using bootstrap 3.
    I was suggesting you make your own. Use Illustrator/Inkscape to draw it, then export it for use as a background image that you can build your slideshow on top of. It shouldn't be much more difficult than creating your CSS-based version, unless you just copied and pasted that from somewhere.
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •