Jump to content

newcoder1010

Members
  • Posts

    526
  • Joined

  • Last visited

Everything posted by newcoder1010

  1. Hello, I am not understanding the difference between private and private static. public class PrivateStatic { private static int x =2; private int y=6; public PrivateStatic (int newX, int newY){ x = newX; y = newY; } public PrivateStatic (){ } public void print(){ System.out.println(x); System.out.println(y); } public static void main(String[] args){ PrivateStatic obj = new PrivateStatic(14,56); obj.print(); } } Output: 14 56 I see the behaviors are same from this above example. It is printing the new values for both. Can you please clarify the difference? Thanks!
  2. Hello class base{ } class A extends base{ } class B extends base{ } class C extends B,A{ } I am getting an error "Syntax error on token ",", . expected" on this line class C extends B,A{ How can class C extend class B and A? Thanks!
  3. This is css forum. Asking for css solution.
  4. Hello, <div class="region region-content"> <div class="views"> .... </div> <h1 class="js-quickedit-page-title page-header">Real Estate Investors1</h1> </div> Currently UI displays h1 tag below views class. How can I move h1 tag above views class?
  5. a { overflow-wrap: break-word; } It worked. Thank you!
  6. Hello, HTML: <a href="tel:(703) 000 - 1234">(703) 000 - 1234</a> Currently UI displays as "(703) 000 - 1234">(703) 000 - 1234" as a link. Instead, i like to display (703) 000 - 1234 as a link. How can i filter out everything from start thru >?
  7. Hello HTML: <div class="col-sm-4 bs-region bs-region--top-right"> <div data-quickedit-field-id="node/161/field_business_email/en/full" class="field field--name-field-business-email field--type-email field--label-above quickedit-field"> <div class="field--label">Business Email</div> <div class="field--item"><a href="mailto:Info.longemail@gmail.com">Info.longemail@gmail.com</a></div> </div> </div> CSS: .bs-region { padding: 10px 25px; } When email address is long, i do not see the padding to the right of the email. Please see the images. One with long email and one with short email. How can I have the padding to the right of the email regardless of email chars size? Can we wrap the email also? https://ibb.co/3rH57sh https://ibb.co/dJ2TpJ6 Thank you!
  8. Thank you! I will give a try with the JS code.
  9. Hello, <div class="field--item"><a href="http://example.com" target="_blank">http://example.com</a></div> I will have many links like that. Is there way I can replace the link with "visit website"? So instead of displaying http://example.com as a link, I like to display "visit website" as a link which will redirect to the website. Thanks!
  10. Hello, <div class = "col-sm-4 col-xs-12 col-lg-4 col-md-4 col-sm-1 col-md-2"> doc </div> How can I style all of the class names with * so I do not have to individually write all of these? For example, I could style it like .col-sm-4, .col-xs-12 .col-lg-4 .col-md-4 .col-sm-1 .col-md-2{ color: red; } Instead, can I style these like that? But its not working for me. .col-*{ color:red; } Thanks!
  11. Thanks! I thought it can also be done with css.
  12. Hello, <div class ="curve"> test </div> https://drive.google.com/file/d/1QlnPuBx2zkRS2gLCcT7fGtquBQW3ZJCy/view?usp=sharing I like to curve (top and bottom) of the div element with a background color like the image. How can I do it? Thanks!
  13. Hello, <select data-drupal-selector="edit-field-property-type-value" class="form-select form-control" id="edit-field-property-type-value" name="field_property_type_value"><option value="All" selected="selected">- Any -</option><option value="Apartment">Apartment</option><option value="Duplex">Multi-Stories Home</option><option value="Single Home">Single Home</option><option value="Town Home">Town Home</option></select> How to replace the first option "--Any --" by "-- type --"? Thank you!
  14. Hello, <select data-drupal-selector="edit-number-of-bedrooms" class="form-select required form-control" id="edit-number-of-bedrooms" name="number_of_bedrooms" required="required" aria-required="true"><option value="" selected="selected">- Select -</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option></select> option { border: 1px solid red; } It did not work. How can I style option elements? Thanks!
  15. Hello, .page-node-6 .hero .contain { background: rgb(39 108 3 / 50%); } Background color now applies to the entire .contain element equally(50%). How can I modify the styling to the background color like this: left side (about 50px) - 10% color Right side (about 20px) - 10% color between left and right - 50% color. Thanks!
  16. Its okay if I cant make it like the image. How do I put the down arrow with css?
  17. Hello, <div class ="mission"> Our Mission </div> How can I style the mission class like this: https://drive.google.com/file/d/1HlHIv_nifo3bxHr5MkvC48hzTxRXofXf/view?usp=sharing Thank you!
  18. I am struggling to put shadow to right side only like the picture. This code puts the shadow left and right. How can I apply the shadow to the right side only? box-shadow: inset -7px 0 90px -7px #d51414;
  19. Hello, How can I apply shadow to the right of an image similar to this one? https://drive.google.com/file/d/1g201H_-EJCMb6qpj3rNVejnWiyuyce7r/view?usp=sharing I tried this one but does not look as good as the above link. #example1 img{ border: 1px solid; padding: 10px; box-shadow: 5px 10px 8px 10px #888888; } Thanks!
  20. @IngolmeI do know media query. I am having the problem with the media query. Lets say I set the div width to 80% for screen size bigger than 992px. I am on my laptop which has 1334px. So it looks fine in 1334px but 80% width does not look good when screen size gets to between 992 and 1200px. As I am reducing screen, I like the width gradually increase to 90% until screen is 992px. Thanks!
  21. Hello, <div class =""> test </div> .condition-box { padding: 0px; text-align: center; width: 80%; margin: auto; } 80% width would be the normal/least width of the element. As I am reducing my screen size, I would like the div element to get bigger up to 90% width of the screen. How can I do it?
×
×
  • Create New...