- 1

Is there any mistake in the code what i have written???

<!Doctypehtml> <html> <head> <title>simple Calci</title> <link href="style.css" rel="stylesheet" type="text/css"> <style> body{background:url(file:///home/shaan/Downloads/math.jpg);width:100%;background-repeat:no-repeat;} .calci{background:rgba(0,0,0,0.7);border:1px solid white;padding-left:100px;width:87%;height:300px;padding-top:20%;margin-left:100px;margin-top:110px;} .calci>screen{width:50px;border:1px solid blue;height:20px;margin:0px;padding:0px;background-color:rgba(0,0,0,0.8);} </style> </head> <body> <div class="calci"> <div class="screen"> </div> <div class="key-board"> <table class="table"> <tr> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> </tr> <tr> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> </tr><tr> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> </tr><tr> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> </tr><tr> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> </tr> </table> </div> </div> </body> <html>

html css

9th Aug 2017, 5:24 AM

shan doddi

7 Respostas

+ 4

@shan doddi wrote: << what do i do to get responsive menu bar?? >> That's not related with your initial question @@ Anyway, it mostly depend of your whole code, if already exist... and in such case, using frameworks to do responsiviness is not the easiest way: it's more advised to do responsiveness by yourself with Css (and eventually JS, but I will not recommend it, as the page should be responsiveness broken if JS not available or desactivated by user)... An about your initial question, empty cell are valid code, but default are ignored for display: you should put invisible content to workaround, as: <td> </td> ... or even: <td><br></td>

9th Aug 2017, 11:31 AM

visph

+ 1

Your <!Doctypehtml> should look like <!DOCTYPE html> You should use a relative path to your background image instead of an explicit path: background: url(file:///home/shaan/Downloads/math.jpg); I.E. background: url(../path/to/image/math.jpg); Only one of your table rows should usually use the (table header) <th></th> tags the rest should use (table data) <td></td> tags. (unless that's what you're trying to do) https://www.w3schools.com/html/html_tables.asp Your closing html tag is wrong <html> should be </html>

9th Aug 2017, 6:05 AM

ChaoticDawg

+ 1

Check out all error of your code https://validator.w3.org/ Just past your code here and see how many and where is the wrong of your code. all professional web developer check there html code here

9th Aug 2017, 6:32 AM

Mahidul Islam Mukto

+ 1

what do i do to get responsive menu bar??

9th Aug 2017, 6:49 AM

shan doddi

You can use JQuery plugin for it, there are lot of plugin or you can create it with javascript https://www.w3schools.com/howto/howto_js_topnav_responsive.asp check it & learn

9th Aug 2017, 6:57 AM

Mahidul Islam Mukto

You could use the bootstrap framework getbootstrap.com look at the navbar and modify it to your liking. there is also foundation by zurb. foundation.zurb.com/building-blocks/navigation.html

9th Aug 2017, 6:57 AM

ChaoticDawg

thank you @visph

9th Aug 2017, 11:34 AM

shan doddi