• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Paul Clapham
  • Ron McLeod
  • Tim Cooke
  • Junilu Lacar
Sheriffs:
  • Rob Spoor
  • Devaka Cooray
  • Jeanne Boyarsky
Saloon Keepers:
  • Jesse Silverman
  • Stephan van Hulst
  • Tim Moores
  • Carey Brown
  • Tim Holloway
Bartenders:
  • Jj Roberts
  • Al Hobbs
  • Piet Souris

Please see the attached picture, what CSS code can produce this result?

 
Ranch Hand
Posts: 856
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I'm newbie to Advanced CSS. Please see the attached picture, what CSS code can produce this?

I want to produce rectangle and from rectangle top, width line is replaced with a text. Also please let know if there is any such cool tool that allows me to draw figures same as attached picture and auto generate CSS code.

css-code-required.jpg
[Thumbnail for css-code-required.jpg]
 
Sheriff
Posts: 67595
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Nothing advanced there. A fieldset, legend, and simple border.
 
Amandeep Singh
Ranch Hand
Posts: 856
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Bear Bibeault wrote:Nothing advanced there. A fieldset, legend, and simple border.



Thanks Bear. It seems HTML did the job.



How about CSS instead of using HTML?
 
Bear Bibeault
Sheriff
Posts: 67595
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Why? If it's simple to do with structure, why bang your head against the wall to do it the hard way?
 
Amandeep Singh
Ranch Hand
Posts: 856
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Bear Bibeault wrote:Why? If it's simple to do with structure, why bang your head against the wall to do it the hard way?



Obviously this is not what i expected.

HTML and CSS are different languages. For now I'm curious how it's possible in CSS that is the same reason i said Advanced CSS.

Even my post question highlights to do it in CSS.
 
Bear Bibeault
Sheriff
Posts: 67595
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Sure they are "different languages", but they are used together so your question actually doesn't make much sense. You can't display anything with just CSS. The CSS is applied to the structure created by HTML. So if the appearance is already what's needed with the HTML, there's no need to apply CSS. If you want to adjust the default styling, you'd use CSS to do so. For example, you could adjust the colors and border style of the fieldset; or you can add a border or background to the legend, and so on.
 
Don't get me started about those stupid light bulbs.
reply
    Bookmark Topic Watch Topic
  • New Topic