0

Why does this css class not work in Bluefish?

I have been working on creating a table schedule of my own similar to the one here: https://code.sololearn.com/1148/#html . However, I do not yet know how to create a css stylesheet. Instead, while I am learning, I just create a css classes (or is it selector?) in between the style tags for the elements in the .html file. So, I created a neat table. However, I need to define the border of the <th> and <td> tags they aren't showing up (only the exterior border). When I look at other tutorials, they say to put some in like: table, th, td {define the details here}. However, the initial..... table, th, td .... separated by commas simply simply will not work in Bluefish. Can someone tell me how to define the borders (especially of the <th> and <td>. The actual table border works just fine. Here is the code I have so far for anyone who wants to see what I'm saying. I'll try to post the entire code I have so far so people can get the gist of what I saying.

7th Aug 2018, 11:39 PM
Josh Wright
Josh Wright - avatar
6 Respostas
+ 1
Yeah, not sure. I plopped your code into Code Playground for comparison's sake: https://code.sololearn.com/WWQVJvYJdVRr/?ref=app The borders show up there. You can delete the ", th, td" part to see the difference.
8th Aug 2018, 1:15 AM
Janning⭐
Janning⭐ - avatar
+ 1
Oh snap! That is wild. When I did it in Bluefish, saved it and opened it in Chrome only the outer border showed up. That is so weird.
8th Aug 2018, 1:19 AM
Josh Wright
Josh Wright - avatar
0
Can you help me figure out how to define the borders of the <th> and <td>? <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Practice Schedule Table</title> <link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet"> <style> body { font-family: 'Handlee', cursive; font-size: 14pt; background-color: #efefef; padding: 10px; margin: 0; } .section { border: 4px ; border-style: dashed; background-color: #fff; padding: 15px; margin-bottom: 10px; margin-top: 25px; margin-left: 30px; margin-right: 30px; border-style: solid; border-width: 1px; border-color:#20bcd5; border-radius: 10px; } h1 { font-size: 22pt; color: #20bcd5; text-align: center; padding: 18px; } h1 span { border: 4px ; border-style: dashed; border-color: #20bcd5; padding: 10px; background: white; } table { width: 75%; border-style: solid; border-width: 2px; border-color: #c9c9c9; text-align: center; } </style> </head> <body> <div class="section"> <h1><span>My Coding Schedule</span></h1> <table align="center"> <tr> <th>Day</th> <th>Monday</th> <th>Tuesday</th> <th>Wednesday</th> <th>Thursday</th> <th>Friday</th> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> </table> </div> </body> </html>
7th Aug 2018, 11:43 PM
Josh Wright
Josh Wright - avatar
0
Hi Josh, I haven't used Bluefish, but I don't see why the suggestion: table, th, td {define the details here} wouldn't work for you. What error are you getting?
8th Aug 2018, 12:00 AM
Janning⭐
Janning⭐ - avatar
0
There is no error. It simply does not work. The commas seem to make it inactive.
8th Aug 2018, 12:46 AM
Josh Wright
Josh Wright - avatar
0
I don't know if it is just Bluefish or what ?
8th Aug 2018, 12:48 AM
Josh Wright
Josh Wright - avatar