Question

ok i know this isnt really computer 'science' but i need help with coding ...im suppose to put a yellow dotted boarder around this how do i do that i have tried everything!

Answer 1

@Opcode @dumbsearch2 @ParthKohli

Answer 2

By adding this little style snippet and specifying the CSS, you can do something like this:

<div>
<table border="2" width="500px" height="150" style="border:2px dotted yellow;">
<tr>
<td BGCOLOR="#0000FF" width="25%"> </td>
<td colspan="3"> </td>
<td BGCOLOR="red" width="25%"> </td>
</tr>
<tr>
<td rowspan="3"> </td>
<td BGCOLOR="#0000FF"
<td> </td>
<td> </td>
<td BGCOLOR="red"
<td> </td>
<td rowspan="3"> </td>
</tr>
<tr>
<td height="25%"> </td>
<td BGCOLOR="#330066" height="25%"> </td>
<td height="25%"> </td>
</tr>
<tr>

I put the border to 2px, though you can change it to whateva you want. :)

cheers

Answer 3

oh! so i needed tp put style="border:2px dotted yellow;">
i was only putting border:2px dotted yellow =p thanks so much i was so stuck!

Answer 4

ok wait i found a slight prob look:


<div>
<table style="border:5px dotted yellow;" width="500px" height="150">
<tr>
<td BGCOLOR="#0000FF" width="25%"> </td>
<td colspan="3"> </td>
<td BGCOLOR="red" width="25%"> </td>
</tr>
<tr>
<td rowspan="3"> </td>
<td BGCOLOR="#0000FF"
<td> </td>
<td> </td>
<td BGCOLOR="red"
<td> </td>
<td rowspan="3"> </td>
</tr>
<tr>
<td height="25%"> </td>
<td BGCOLOR="#330066" height="25%"> </td>
<td height="25%"> </td>
</tr>
<tr>
<td BGCOLOR="red"
<td> </td>
<td> </td>
<td BGCOLOR="#0000FF"
<td> </td>
</tr>
<tr>
<td BGCOLOR="red" width="25%"> </td>
<td colspan="3"> </td>
<td BGCOLOR="#0000FF" width="25%"> </td>
</tr>
</table>
</div>
</body></html>

once i put that i loose the seperating lines

Answer 5

wow this is way diffrent i just started studing this srry..........

Answer 6

haha thats ok lol

Answer 7

haha
you copied the code twice

just


<div>
<table border="2" width="500px" height="150">
<tr>
<td BGCOLOR="#0000FF" width="25%"> </td>
<td colspan="3"> </td>
<td BGCOLOR="red" width="25%"> </td>
</tr>
<tr>
<td rowspan="3"> </td>
<td BGCOLOR="#0000FF"
<td> </td>
<td> </td>
<td BGCOLOR="red"
<td> </td>
<td rowspan="3"> </td>
</tr>
<tr>
<td height="25%"> </td>
<td BGCOLOR="#330066" height="25%"> </td>
<td height="25%"> </td>
</tr>
</table>
</div>

should cut it

why did you copy the whole code twice ?

Answer 8

its suppose to look like this =p

Answer 9

yeah
I fixed it

Answer 10

ok let me see....

Answer 11

no that didnt work...i think i need the whole code if you look closeley its not duplicated

Answer 12

so i put <div>
<table border="2" width="500px" height="150">
<table style="border:5px dotted yellow;" width="500px" height="150">
<tr>
<td BGCOLOR="#0000FF" width="25%"> </td>
<td colspan="3"> </td>
<td BGCOLOR="red" width="25%"> </td>
</tr>
<tr>
<td rowspan="3"> </td>
<td BGCOLOR="#0000FF"
<td> </td>
<td> </td>
<td BGCOLOR="red"
<td> </td>
<td rowspan="3"> </td>
</tr>
<tr>
<td height="25%"> </td>
<td BGCOLOR="#330066" height="25%"> </td>
<td height="25%"> </td>
</tr>
<tr>
<td BGCOLOR="red"
<td> </td>
<td> </td>
<td BGCOLOR="#0000FF"
<td> </td>
</tr>
<tr>
<td BGCOLOR="red" width="25%"> </td>
<td colspan="3"> </td>
<td BGCOLOR="#0000FF" width="25%"> </td>
</tr>
</table>
</div>
</body></html>



but im missing the seperation of the squares still =/

Answer 13

i think its callsed the cell padding?

Answer 14

its just missing

Answer 15

what is missing ?

Answer 16

I can see if I can figure this out.

Answer 17

thanks!

Answer 18

I'm also totally confused


<div>
<table border="2" width="500px" height="150">
<table style="border:5px dotted yellow;" width="500px" height="150">
<tr>
<td BGCOLOR="#0000FF" width="25%"> </td>
<td colspan="3"> </td>
<td BGCOLOR="red" width="25%"> </td>
</tr>
<tr>
<td rowspan="3"> </td>
<td BGCOLOR="#0000FF"
<td> </td>
<td> </td>
<td BGCOLOR="red"
<td> </td>
<td rowspan="3"> </td>
</tr>
<tr>
<td height="25%"> </td>
<td BGCOLOR="#330066" height="25%"> </td>
<td height="25%"> </td>
</tr>
<tr>
<td BGCOLOR="red"
<td> </td>
<td> </td>
<td BGCOLOR="#0000FF"
<td> </td>
</tr>
<tr>
<td BGCOLOR="red" width="25%"> </td>
<td colspan="3"> </td>
<td BGCOLOR="#0000FF" width="25%"> </td>
</tr>
</table>
</div>
</body></html>

Why are "<td BGCOLOR="red"" left without a closing ">"??

Any reason ?

and
<td BGCOLOR="#0000FF"
they're syntax errors everywhere

and if you want borders, try attaching style="border:1px solid black;border-style: groove;" to whichever element you want a border on.

Answer 19

i have a border but the lines seperating the cells arent there..

Answer 20

You don't have an inventional border for each cell.

Answer 21

i know how do get one like this thats how its suppose to look why doesnt it look like that?

Answer 22

@dumbsearch2 ?

Answer 23

btw this is definately computer science. The very definition of it.

Answer 24

why wont anyone help me understand where i went wrong?

Answer 25

maybe because no one wants to read it. ur picture is too cute. or maybe it's too busy, and complex. You should probably lay your code and problem out in a more concise form for people to understand. I know I personally didn't read it because it seems like you didn't research anything, and just pasted some code and expected someone else to figure it out for you. my 2c

Answer 26

do style="border:1px solid black;border-style: groove;" on each cell

you aren't trying to understand what I'm saying!!