Hello!

I hardly understand html in conjunction with c # (.net programming)!

How to improve the record when output?

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Data User</title> <style> .link{display:block; width:300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; ext-decoration: none; outline:none;} .link{text-decoration: none; color:#85AB70} .link:hover{text-decoration: underline; color:green} .link:active{color:blue} </style> <link rel="shortcut icon" href=http://s1.iconbird.com/ico/2013/2/634/w50h50139292026819.png </head> <body style="width:100%; height:100%; margin: 0; background: url(http://www.wallpapers4u.org/wp-content/uploads/dark_background_line_surface_65896_1920x1080.jpg) #191919"> <center><h1 style="color:#85AB70; margin:50px 0">Панель парсера</h1><center><a href="#"></a><table style="width: 1000px; margin:50px auto"><tr> <td style="width: 33.3%; height: 35px; color:#B6EEF7; border:2px solid #707070"><center>NN</center></td> <td style="width: 33.3%; height: 35px; color:#B6EEF7; border:2px solid #707070"><center>Link</center></td> <td style="width: 33.3%; height: 35px; color:#B6EEF7; border:2px solid #707070"><center>Login</center></td> <td style="width: 33.3%; height: 35px; color:#B6EEF7; border:2px solid #707070"><center>Password</center></td></tr> <center><p style="color:#B6EEF7; margin:50px">Добро пожаловать в панель<center></a><table style="width:10px; margin:50px auto"></center></p></tr> </table> </html>

Connoisseurs of html, do not judge (this is a bunch of c #) - that is, when you compile the code is obtained only this way)

Basically the problem: large padding between 1st and 2nd line!

  • вязка с c# is how interesting ... - YozhEzhi
  • c # cannot display the word class ? - vp_arth
  • No one without your c # code will help you here. You incorrectly render the table. - vp_arth
  • @vp_arth, Well, on c# it will be rebuilt, as if to correct it in the html таблице ) this complexity lies) - GooliveR
  • Nowhere does the second line open anywhere, there are no cells in it, however it closes .. The link tag is not closed. Footcloths from styles must be removed to classes. - vp_arth

1 answer 1

Need to reduce the corresponding margin

 body { width: 100%; height: 100%; margin: 0; background: url(http://www.wallpapers4u.org/wp-content/uploads/dark_background_line_surface_65896_1920x1080.jpg) #191919; } .link { display: block; width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; outline: none; } .link { text-decoration: none; color: #85AB70 } .link:hover { text-decoration: underline; color: green } .link:active { color: blue } .panel-table { width: 1000px; margin: 10px auto; } .panel-table th, .panel-table td { color: #85AB70; width: 31%; height: 35px; border: 2px solid #707070; text-align: center; } .panel-table th { color: #B6EEF7; } .panel-table th:nth-child(1), .panel-table td:nth-child(1) { width: 7%; } 
 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Data User</title> <style> </style> <link rel="shortcut icon" href=http://s1.iconbird.com/ico/2013/2/634/w50h50139292026819.png> </head> <body> <h1 style="color:#85AB70; margin:50px 0 5px; text-align: center;">Панель парсера</h1> <div style="color:#B6EEF7; margin:5px; text-align: center;">Добро пожаловать в панель</div> <table class="panel-table"> <thead> <tr> <th>NN</th> <th>Link</th> <th>Login</th> <th>Password</th> </tr> </thead> <tbody> <tr> <td>NN</td> <td>Link</td> <td>Login</td> <td>Password</td> </tr> </tbody> </table> </body> </html>

  • @ArteS, four columns of 33.3% width each - is that really what you want? - br3t
  • one
    Framing styles with <style></style> tags - br3t