Home>

I apologize for being busy.
I will ask you a question about the title.

The

button was visible halfway, but as I made various adjustments
I can't see it.

Thank you very much.

<! DOCTYPE html>
<html lang = "en">
    <head>
        <meta charset = "utf-8">
        <title>JokerPiece-Honyahonyai</title>
        <meta name = "UltraSoul" content = "I will try anything that seems to be fun.
    <!-CSS->
        <link rel = "stylesheet" href = "https://unpkg.com/ress/dist/ress.min.css">
        <link href = "https;// fonts.googleapis.com/css?family=Philosopher" rel = "stylesheet">
        <link href = "css/style.css" rel = "stylesheet">
        <link rel = "icon" type = "img/png" href = "img/favicon.png">
    </head>
    <body>
            <header>
                
            <nav>
                <ul>
                    <li>What is "Honyahonyai"</li>
                    <li>Main features</li>
                    <li>Development areas</li>
                    <li>Contact us here</li>
                </ul>
            </nav>
        </header>
        
            
        
        
        <p>Joker piece</p>
         Honyahonyai Inc. 
        <p>
        Web system, Web application, iOS application,<br>
        Android, Ai, Big Data, IOT, Sharing<br>
        Economy, FinTech, Game, HRTech,<br>
        VR/AR, Mediatech, Agritech, latest technology<br>
        Use, development, refactoring, planning of new business,<br>
        Crowdfunding, a little design, etc.<br>
        There are also various industries.<br>
        I try to do almost anything that seems fun<br>
        I will make it. The feeling is so, it seems so ugly!<br>
        </p>
        

        
         Main features 
        <p>
        Client and production side need respect for each other<br>
        I think so. Rather than letting you do it,<br>
        Together with customers who will create a system together<br>
        I want to create the future together.<br>
        There can be no good system.<br>
        <br>from a person in charge who is not familiar with IT
        System development is not allowed. I don't have a budget, but<br>
        Do it because it is popular with IoT and AI!<br>
        That is also not allowed! I refuse almost everything! Huh?<br>
        "I will not do it" (Pakuri)<br>
        I will tell you so much! ?<br>
        The feeling is so, it seems so ugly!<br>
        

        
         Development area 
        <p>
        Provided only for customers who want to evolve their systems together<br>
        I will do it.<br>
        Development languages: Java, PHP, Ruby, VB.NET,<br>C ++<br>
        Supported OS: iOS, Android, Linux, UNIX, Solaris,<br>
               Windows<br>
        Database: MariaDB, MySQL, postgreSQL,<br>
                    Oracle, SQL Server, mongoDB<br>
        Programming experience:<br>
        Various application systems, IoT-linked applications, cloud<br>
        Operation management system, sensor planning and development, Amazon<br>
        Echo skill, manufacturing management system, contactless IC system,<br>
        Solar power management system, iBeacon point app,<br>
        Picking smartphone app with barcode, transportation scheme<br>
        System, TV remote control app, life insurance<br>
        Fee calculation system, digital signage, etc.<br>
        </p>
        

        
        
             Inquiry and consultation 
            <p>
                Consultation/request for documents/application for system development<br>
                Please use this form.<br>
                After confirming the contents, the person in charge will contact you.<br>
                All items are mandatory.<br>
            </p>
            <form action = "#">
                
                    <label for = "kaisha">Company name</label>
                    <input type = "text" name = "your-kaisha">
                
                
                    <label for = "tantou">Contact name</label>
                    <input type = "text" name = "your-name">
                
                
                    <label for = "email">Email address</label>
                    <input type = "email" name = "your-email">
                
                
                    <label for = "message">Inquiry details</label>
                    <textarea name = "your-message"></textarea>
                
                <input type = "submit" value = "send">
            </form>
        <!-/.wrapper->
        
    </body>
</html>
@ charset "UTF-8";
/* common part 
------------------------------------- * /
html {
    font-size: 100%;
}
body {
    font-family: "Yu Gothic Medium", "游 Gothic Medium", YuGothic, "游 Gothic", "Hiragino Kaku Pro W3", sans-serif;
    line-height: 1.7;
    color: # 432;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
.logo {
    width: 210px;
    margin-top: 14px;
}
.main-nav {
    display: flex;
    text-transform: uppercase;margin-top: 34px;
    list-style: none;
}
.main-nav li {
    margin-left: 36px;
}
.main-nav a {
    color: # 432;
}
.main-nav a: hover {
    color: # 0bd;
}
.page-header {
    display: flex;
    justify-content: space-between;
}
.wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 4%;
}
.button {
    font-size: 1rem;
    background: # 216583;
    color: #fff! important;/* Priority * /
    border-bottom: solid 4px # 627295;
    border-radius: 5px;
}
.button: hover {
    background: # de9a7c;
}
#top_image {
    margin: auto 8.5%;
}
#kaisha_setumei {
    background-image: url (../ img/robo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 900px;
    margin-top: 50px;
}
#kaisha_setumei .jp {
    margin-left: 60%;
    margin-top: 50px;
    margin-bottom: 0;
}
#kaisha_setumei .kaisha {
    margin-left: 50%;
}
#kaisha_setumei h1 {
    margin-left: 50%;
}
#kaisha_setumei .title_h1 {
    margin-top: 0;
}

#tokutyou_all {
    background-image: url (../ img/shock.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 900px;
    margin-top: 100px;
}
.tokutyou {
    margin-left: 180px;
}
.tokutyou_h1 {
    margin-left: 180px;
}


#ryouiki_all {background-image: url (../ img/yubisasi.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 900px;
    margin-top: 100px;
}

#ryouiki_all .ryouiki {
    margin-left: 50%;
}
.ryouiki_h1 {
    margin-left: 50%;
}
/ * CONTACT
-------------------------------- * /
.page-title {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
}
.toiawase {
    text-align: center;
    margin-bottom: 30px;
}
#contact {
    background-color: #fafafa;
    width: 900px;
    height: 1000px;
    margin: 100px auto 30px auto;
}
/ * Form * /
form div {
    margin-bottom: 14px;
}
form {
    margin-left: 25%;
}
label {
    margin-bottom: 10px;
    display: block;
}
input [type = "text"],


input [type = "email"],


textarea {
    background: rgba (255,255,255,0.5);
    border: 1px #ddd solid;
    border-radius: 0px;
    padding: 10px;
    font-size: 1rem;
}
input [type = "text"],


input [type = "email"] {
    width: 100%;
    max-width: 400px;
}
textarea {
    width: 400px;
    max-width: 400px;
    height: 250px;
}
input [type = "submit"] {
    border: none;
    cursor: pointer;
    line-height: 1px;
}
  • Answer # 1

    input [type = "submit"] {
      border: none;
      cursor: pointer;
      line-height: 1px;
    }

    input [type = "submit"] {
      border: none;
      cursor: pointer;
    }

  • Answer # 2

    Are you seeing a textarea border when you see a reference image?

    https://unpkg.com/ress/dist/ress.min.css

    Can

    be edited?
    I think "border-style: none" for the textarea on line 150 is bad

    Oh, the button is crushed is the line-height for the button on line 191