Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › How to put pictures side by side on HTML?
New Posts  All Forums:Forum Nav:

How to put pictures side by side on HTML? - Page 2

post #11 of 14
Quote:
Originally Posted by Speedster159 View Post

It's on post 1.
That is not the entire code.
post #12 of 14
The answer is simple

The two images aren't side by side because their combined width is larger than the width of the sidebar so the second one is pushed to a new line. Check your widths
Main PC
(13 items)
 
  
CPUMotherboardGraphicsRAM
i5 2500k Asus Maximus IV Gene-Z MSI 6950 2gb Unlocked Ref GSkill Ripjaws X 8GB CL8 
Hard DriveOSMonitorKeyboard
Crucial M4 128GB Windows 7 Ult Samsung 24" ToC Das Professional Silent 
PowerCaseMouse
Seasonic X750 Corsair 650d Logitech G700 
  hide details  
Reply
Main PC
(13 items)
 
  
CPUMotherboardGraphicsRAM
i5 2500k Asus Maximus IV Gene-Z MSI 6950 2gb Unlocked Ref GSkill Ripjaws X 8GB CL8 
Hard DriveOSMonitorKeyboard
Crucial M4 128GB Windows 7 Ult Samsung 24" ToC Das Professional Silent 
PowerCaseMouse
Seasonic X750 Corsair 650d Logitech G700 
  hide details  
Reply
post #13 of 14
Quote:
Originally Posted by Jonowxeno View Post

The answer is simple
The two images aren't side by side because their combined width is larger than the width of the sidebar so the second one is pushed to a new line. Check your widths

I agree, that was my first thought
ASRock X99 ITX
(6 items)
 
Hyper-V NAS
(9 items)
 
 
CPUMotherboardGraphicsRAM
intel 5820k ASRock X99E-ITX/ac KFA2 GeForce GTX 980Ti Corsair Vengeance LPX 16GB DDR4 PC4-24000C15 
Hard DriveCase
Samsung 850 EVO 1TB cooler master 915f 
  hide details  
Reply
ASRock X99 ITX
(6 items)
 
Hyper-V NAS
(9 items)
 
 
CPUMotherboardGraphicsRAM
intel 5820k ASRock X99E-ITX/ac KFA2 GeForce GTX 980Ti Corsair Vengeance LPX 16GB DDR4 PC4-24000C15 
Hard DriveCase
Samsung 850 EVO 1TB cooler master 915f 
  hide details  
Reply
post #14 of 14
Code:
<html>
        <head>
        <style type="text/css">
        .container
        {
                width: 100%;
                background-color: #ececec;
        }
        .left{
                float: left;
                margin-left: 10px;
        }
        </style>
        </head>
        <body>
        <div class="container">
                <div class="left">
                        <img src="http://placehold.it/300x900" />
                </div>
                <div class="left">
                        <img src="http://placehold.it/300x300" />
                </div>
        </div>
        </body>
</html>

Code is tested.
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › How to put pictures side by side on HTML?