newcoder1010

Hello, 

<div class="views-field views-field-title"><span class="field-content"><a href="/minus cost" hreflang="en">minus cost</a></span></div>

views-field views-field-title::nth-letter(5){
color:red}

How to style first 5 letters or the first word? Above css did not work for me. Thanks!

Hello,

My site does not have even and odd classes for rows in table. I am having problem giving odd and even classes. I like to know how I can style odd and even rows when <tr> do not have any classes?

<table class="table">
<thead>
<tr>
<th id="view-field-address1-table-column" class="views-field views-field-field-address1" scope="col">Address</th>
<th id="view-field-f-table-column" class="views-field views-field-field-f" scope="col">First Name</th>
</tr>
</thead>
<tbody>
<tr><td headers="view-field-address1-table-column" class="views-field views-field-field-address1"> </td> <td headers="view-field-address1-table-column" class="views-field views-field-field-address1"> </td></tr>
<tr><td headers="view-field-address1-table-column" class="views-field views-field-field-address1"> </td> <td headers="view-field-address1-table-column" class="views-field views-field-field-address1"> </td> </tr>
</tbody>
</table>

Please advise!

Thank you! I will skip the padding which is not required. 

Hello,

<div data-mediasize="992" class="responsive-menus responsive-menus-0-0-0 absolute responsified">
<span class="toggler">☰ </span>
<ul class="responsive-menus-simple" id="rm-removed">
<li class="first">
<a href="/" data-drupal-link-system-path="<front>" class="is-active">Home</a>
</li>
<li>
<a href="/about_us" data-drupal-link-system-path="node/6">About</a>
</li>
</ul>
</div>

.responsive-menus.responsified span.toggler {
    color: #ffffff;
}

I expected menu bars to be white. When I visit the site on laptop for mobile screen, I see the bars white as expected. However, andriod phone shows dark menu bars. Its been a long time I am dealing with the issue. How can I fix it?

Please advise!

I increased to 1.3em for H,W and L. I have the same issue. More than 1.3em makes the circle bigger. I like to keep it between 1em and 1.3em. Thanks!

This worked better except for the padding. I like to put padding around the font. When I put padding, it does not pad properly around the font.

.media a {
    height: 1em;
    width: 1em;
    color: white;
    border-radius: 50%;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    /* padding: 10px; */
    background: blue;
    line-height: 1em;
    display: inline-block;
}

Above code does not give me complete circle.

Hello,

HTML:

<p class="text-center media"><a href="https://www.facebook.com">f</a>   <a href="https://www.twitter.com"> t</a></p>

CSS:

.media a {
    padding: 0;
    /* margin-bottom: 40px; */
    /* border-radius: 40px; */
    height: 40px;
    width: 40px;
    color: white;
    font-size: 20px;
    padding: 10px;
    background: blue;
    line-height: 40px;
}

a:hover{background:red;}

I like to circle anchor text with blue background. On hover, I like to have red background. Instead of circle, I am getting rectangle background.

Please advise!

Now it is working. I set parent class to display flex and then removed height from child elements. Many thanks!

Could you please take a look at here? My requirement is to put border around each block. If I did not use border, then I might be okay. When I put borders and height then I see problem. How can I make the columns responsive and equal height?

Thanks! I will play with it.

Thank you! Flexbox requires me to spend sometime before I am able to do it. I will look into it later. 

@dsonesuk I am bit confused with your answer. Can you please clarify a bit?

HTML:

<section data-quickedit-entity-id="block_content/43" id="block-acquisitionpractices" class="col-lg-6 col-md-6 col-sm-6 col-xs-12>
<div> one </div>
<div> two </div>
<div> three </div>
</section>

<section data-quickedit-entity-id="block_content/43" id="block-acquisitionpractices" class="col-lg-6 col-md-6 col-sm-6 col-xs-12>
<div> one </div>
<div> two </div>
<div> three </div>
<div> four </div>

</section>

<section data-quickedit-entity-id="block_content/43" id="block-acquisitionpractices" class="col-lg-6 col-md-6 col-sm-6 col-xs-12>
<div> one </div>
<div> two </div>

</section>

<section data-quickedit-entity-id="block_content/43" id="block-acquisitionpractices" class="col-lg-6 col-md-6 col-sm-6 col-xs-12>
<div> one </div>
<div> two </div>
<div> three </div>
<div> one </div>
<div> two </div>
<div> three </div>
</section>

As you can see, different blocks have different sizes of strings. However, I like to set the height equal. Height:650px works but some devices do not fit the contents, some devices show too much padding in the bottom, etc. What would be the best way to set the height equal(html plus css)  in all devices when blocks may not have equal number of characters?

Thanks!

Very good info. Thank you!

Thanks! It works better. Looks like below code apply default level opacity. How can I specify the level of opacity?

background: rgba(255,0,0,0.3);

Hello,

HTML:

<div class="text-inner text-left text-white">
                  
<h1>MULTI-FAMILY</h1>
<h1>REAL ESTATE INVESTMENTS</h1>
<p><span style="font-size: 140%;">x x x x x  x x.</span></p>
<a href="http://examplesite.com/" target="_self" class="button secondary">
    <span>xxx With us</span>
  </a>

<a href="http://examplesite.com/" target="_self" class="button white is-outline">
    <span>xxx Portal</span>
  </a>

              </div>

CSS:

.text-white {
    color: #ffffff;
    background: #0808f3;
    opacity: .5;
}

Opacity now applied to the texts as well. I only like to apply opacity to background class only. How can I do it?

Thanks!

Hello,

https://docs.google.com/document/d/1p-ufU-px-iMVk-Pom5r5tQIKkd0WujD8Ced2QvJgjms/edit?usp=sharing

The image shows top middle is styled. 

HTML:

<div class ="img"> h1 heading goes here </div>

How can I set a background image like the above and then put the h1 heading in the middle of the image?

Thanks!

Hello,

I am practicing java from this link. 

https://www.w3schools.com/java/java_strings.asp

JAVA

        String txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
        System.out.println("The length of the txt string is: " + txt.length());

Quote

Type mismatch: cannot convert from java.lang.String to DataTypesCasting.String

Fixed it using the suggested fix:

        java.lang.String txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

Can you please tell me why I had to replace String by   java.lang.String? 

Thanks!

Hello,

I am just playing around with the Java abstraction. 

I did follow the steps in this link and I am able to understand what it is doing. But I am not able to understand the concept of "Data abstraction is the process of hiding certain details and showing only essential information to the user.
"

If you could provide me a real example of how does abstraction hide certain details of an object, it would be helpful. 

Thanks!

Hello,

I am trying to do a task. I have a list of people’s names “John”,”Mike”,”Sam”. How can I remove all the names named “Mike”? Can you please help me?

I am getting few errors in the below code:

package QA1;

import java.awt.List;
import java.util.ArrayList;
import java.util.Scanner;

public class JavaRemoveNameArray {
	String[] myStrArray = {"John","Mike","Sam"};
	
	System.out.println("Before: "+Arrays.toString(myStrArray));
	
	List<String> myList = new ArrayList<String>(Arrays.asList(myStrArray));
	myList.remove("Mike");
	
	myStrArray = myList.toArray(new String[0]);
	
	System.out.println("After: "+Arrays.toString(myStrArray));
}

Thanks!

Hello,

In Oracle database, I have two tables: EE1 and EE2. Both have the exact same column names and data types.  How can I write a SQL query to verify that the data in EE1 is the same as in EE2.

Thank you!

I should know that by now because I had the similar issue in the past. Thank you!

Hi,

"select *  from seleniumuser where firstname = 'John'";

Returns 

fitstname | email

John John@aa.jj

Works just fine.

I like to have an IF statement to validate the first name. 

...
//Query to Execute		
String query = "select *  from seleniumuser where firstname = 'John'";	

//Create Statement Object		
Statement stmt = con1.createStatement();					

// Execute the SQL Query. Store results in ResultSet		
ResultSet rs= stmt.executeQuery(query);	

// While Loop to iterate through all data and print results		
while (rs.next()){
 		String myName = rs.getString("firstname");								        
        System. out.println(myName);		
                    
        if (myName == "John") {
           	System.out.println("Matched");
         } else {
           	System.out.println("Not matched");
         }
...
}		
		
	

Result I am getting:

John

Not matched.

It should return "Matched" instead. Please advise!

Thank you so much! It has worked now. I am still not sure why it does not work with == operator. -)