+ 1

I want to put a table equal to a picture. I used 3 <div> tags and 'float-left and right' element but it didnt work. Help me pls!

html html5

25th Jan 2017, 11:22 AM

Luminous

4 Answers

+ 3

At least give us code so we know where you did wrong.

25th Jan 2017, 11:54 AM

David Sebastian Keshvi Illiakis

+ 2

First, you have mistakes in your style declaration: - float-left and float-right --> float:left; and float:right; - quotes are not closed on line 6-7: <div style="width:500px; float;right; padding:10px;'"> - edit: on prev lines, you have a semi colon instead a colon after 'padding'... Next, I don't really understand what'is your purpose... what are you meaning when saying "want to put a table equal to a picture"? ^^

26th Jan 2017, 3:47 AM

visph

+ 1

sr im forgot it. Here is my code begin from <body> tag. <div style="width:1000px;margin:0;"> <div style="width:500px;float-left;padding:10px;"> <h3 style="background-color:#1c478e;color:#fff;padding:5px;">PICTURE 1</h3> <img src="pic_1.jpg"; alt=" "> </div> <div style="width:500px;float-right;padding; :10px> <h3>Table 1</h3> <table style="width:500px"> <thead> ..... </thead> <tbody> ..... </tbody> </table> <h3>Table 2</h3> <table style="width:500px"> <thead> ..... </thead> <tbody> ...... </tbody> </table> </div> </div>

26th Jan 2017, 12:53 AM

Luminous

+ 1

its mean that when it display in the browser screen, the picture lie on the left and the table to the right. thank you, i will try again.

26th Jan 2017, 5:52 AM

Luminous