newcoder1010

Thank you!

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!

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!

This is css forum. Asking for css solution. 

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?

a {
    overflow-wrap: break-word;
}

It worked. Thank you!

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 >?

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!

Thank you! I will give a try with the JS code.

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!

Thank you! It worked. 

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!

Thanks!

I thought it can also be done with css. 

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!

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!

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!

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!

Its okay if I cant make it like the image. How do I put the down arrow with css?

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!

Thank you!

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;

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!

@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!

Hello,

<div class =""> test </div>

.condition-box {
 padding: 0px;
 text-align: center;
 width: 80%;
 margin: auto;
}

Thank you!