Thread: another one

Results 1 to 4 of 4
  1. #1 another one 
    Registered Member
    Join Date
    Dec 2017
    Posts
    8
    Thanks given
    0
    Thanks received
    1
    Rep Power
    0
    Hello Rune-server, Im working on a sales website for osrs gold and i want to help with that


    that is what i want my website looks like that

    Attached image


    and i want to make another one like that on right Side by side

    Attached image

    Any help will be awesome
    Reply With Quote  
     

  2. #2  
    §ecurity Ⱥnalyst
    Noele's Avatar
    Join Date
    Dec 2016
    Posts
    527
    Thanks given
    291
    Thanks received
    572
    Rep Power
    2203
    Use inline or flex display attributes rather than block. These needs to be applied on the box's main div and the div containing the two, if using a container.

    Flex usage: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
    Inline usage: https://www.w3schools.com/css/css_inline-block.asp
    Attached image
    Join the Zenyte discord below to keep up with the development, and grow with our community! 2000+ members and 7000+ registered in one week!
    Attached image
    Reply With Quote  
     

  3. #3  
    Registered Member
    Join Date
    Dec 2017
    Posts
    8
    Thanks given
    0
    Thanks received
    1
    Rep Power
    0
    Quote Originally Posted by Noele View Post
    Use inline or flex display attributes rather than block. These needs to be applied on the box's main div and the div containing the two, if using a container.

    Flex usage: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
    Inline usage: https://www.w3schools.com/css/css_inline-block.asp
    that is my code if you can edit it for me and repost it will help me alot

    Code:
    <div class="col-md-6 col-md-offset">
    <div class="panelintro panel-danger blockplan-l" style="min-height: 478px;">
    <div class="panel-heading2 headingplan visible-lg"></div>
    <form method="post" action="https://www.test.com/checkout" name="wp">
    <ul class="list-group list-group-flush text-center">
    <li class="list-group-item2 paddingnone ">You can buy Runescape</li>
    <li style="font-size:38px" class="list-group-item2 paddingnone "><strong style="color:#f04900; font-size:55">RS3</strong> <strong>Gold<br>in Millions</strong></li>
    <li class="list-group-item2"> <strong style="font-size:20px;">$0.18/M</strong></li>
    <li class="list-group-item2"> Please enter amount below to see the total price:</li>
    </ul>
    <div class="wrap-sum">
    <div style="font-size:65px;font-weight:400" class="lead sup"> <sup> </sup> </div>
    <div id="total_title" style="font-size:55px;color:#f04900;font-weight:400" class="lead"> $0 </div>
    </div>
    <hr>
    <ul style="padding-left: 0px;"> <li class="list-group-item2 paddingnone"> Amount in Millions (1 for : 1 Million):</li></ul>
    <input type="number" required="" placeholder="Number of Millions" name="amount" id="rs3amount" class="form-control inputcount4 numeric" step="1" max="99999999" min="40">
    <input type="text" required="" placeholder="Character Name" class="form-control inputcount4" value="" id="char_name" name="char_name">
    <div class="panel-footer formfoot">
    <input type="submit" value="BUY NOW!" onclick="dataLayer.push({  'event':'googleEvent','eventCategory':'RS3',  'eventAction' : 'buy',  'eventLabel' : undefined,   'eventValue' : undefined });" class="btn btn-lg btn-block btn-danger btn-plan" id="pp_submit">
    
    </div>
    <input type="hidden" value="RS3" name="product">
    <input type="hidden" value="start" name="func">
    </form>
    </div>
    </div>
    </div>
    </div>
    </div>
    Reply With Quote  
     

  4. #4  
    this is asmr zone pls b quiet ❤
    GOBAbay's Avatar
    Join Date
    Apr 2013
    Posts
    185
    Thanks given
    24
    Thanks received
    21
    Rep Power
    74
    Quote Originally Posted by Sadboy View Post
    that is my code if you can edit it for me and repost it will help me alot

    Code:
    <div class="col-md-6 col-md-offset">
    <div class="panelintro panel-danger blockplan-l" style="min-height: 478px;">
    <div class="panel-heading2 headingplan visible-lg"></div>
    <form method="post" action="https://www.test.com/checkout" name="wp">
    <ul class="list-group list-group-flush text-center">
    <li class="list-group-item2 paddingnone ">You can buy Runescape</li>
    <li style="font-size:38px" class="list-group-item2 paddingnone "><strong style="color:#f04900; font-size:55">RS3</strong> <strong>Gold<br>in Millions</strong></li>
    <li class="list-group-item2"> <strong style="font-size:20px;">$0.18/M</strong></li>
    <li class="list-group-item2"> Please enter amount below to see the total price:</li>
    </ul>
    <div class="wrap-sum">
    <div style="font-size:65px;font-weight:400" class="lead sup"> <sup> </sup> </div>
    <div id="total_title" style="font-size:55px;color:#f04900;font-weight:400" class="lead"> $0 </div>
    </div>
    <hr>
    <ul style="padding-left: 0px;"> <li class="list-group-item2 paddingnone"> Amount in Millions (1 for : 1 Million):</li></ul>
    <input type="number" required="" placeholder="Number of Millions" name="amount" id="rs3amount" class="form-control inputcount4 numeric" step="1" max="99999999" min="40">
    <input type="text" required="" placeholder="Character Name" class="form-control inputcount4" value="" id="char_name" name="char_name">
    <div class="panel-footer formfoot">
    <input type="submit" value="BUY NOW!" onclick="dataLayer.push({  'event':'googleEvent','eventCategory':'RS3',  'eventAction' : 'buy',  'eventLabel' : undefined,   'eventValue' : undefined });" class="btn btn-lg btn-block btn-danger btn-plan" id="pp_submit">
    
    </div>
    <input type="hidden" value="RS3" name="product">
    <input type="hidden" value="start" name="func">
    </form>
    </div>
    </div>
    </div>
    </div>
    </div>
    I'm guessing you have a .css file you've not included here? Here are 2 divs side by side using flex in your html:
    Code:
    <div class="col-md-6 col-md-offset" style="display: flex; width: 800px">
    
    	<div class="panelintro panel-danger blockplan-l" style="min-height: 478px; flex:1; background-color: grey; padding: 15px;">
    	<div class="panel-heading2 headingplan visible-lg"></div>
    	<form method="post" action="https://www.test.com/checkout" name="wp">
    	<ul class="list-group list-group-flush text-center">
    	<li class="list-group-item2 paddingnone ">You can buy Runescape</li>
    	<li style="font-size:38px" class="list-group-item2 paddingnone "><strong style="color:#f04900; font-size:55">RS3</strong> <strong>Gold<br>in Millions</strong></li>
    	<li class="list-group-item2"> <strong style="font-size:20px;">$0.18/M</strong></li>
    	<li class="list-group-item2"> Please enter amount below to see the total price:</li>
    	</ul>
    	<div class="wrap-sum">
    	<div style="font-size:65px;font-weight:400" class="lead sup"> <sup> </sup> </div>
    	<div id="total_title" style="font-size:55px;color:#f04900;font-weight:400" class="lead"> $0 </div>
    	</div>
    	<hr>
    	<ul style="padding-left: 0px;"> <li class="list-group-item2 paddingnone"> Amount in Millions (1 for : 1 Million):</li></ul>
    	<input type="number" required="" placeholder="Number of Millions" name="amount" id="rs3amount" class="form-control inputcount4 numeric" step="1" max="99999999" min="40">
    	<input type="text" required="" placeholder="Character Name" class="form-control inputcount4" value="" id="char_name" name="char_name">
    	<div class="panel-footer formfoot">
    	<input type="submit" value="BUY NOW!" onclick="dataLayer.push({  'event':'googleEvent','eventCategory':'RS3',
    	</div>
    	<input type="hidden" value="RS3" name="product">
    	<input type="hidden" value="start" name="func">
    	</form>
    	</div>
    	</div>
    	
    	
    		<div class="panelintro panel-danger blockplan-l" style="min-height: 478px; flex:1; background-color: green; padding: 15px; margin-left: 15px;">
    	<div class="panel-heading2 headingplan visible-lg"></div>
    	<form method="post" action="https://www.test.com/checkout" name="wp">
    	<ul class="list-group list-group-flush text-center">
    	<li class="list-group-item2 paddingnone ">You can buy Runescape</li>
    	<li style="font-size:38px" class="list-group-item2 paddingnone "><strong style="color:#f04900; font-size:55">RS3</strong> <strong>Gold<br>in Millions</strong></li>
    	<li class="list-group-item2"> <strong style="font-size:20px;">$0.18/M</strong></li>
    	<li class="list-group-item2"> Please enter amount below to see the total price:</li>
    	</ul>
    	<div class="wrap-sum">
    	<div style="font-size:65px;font-weight:400" class="lead sup"> <sup> </sup> </div>
    	<div id="total_title" style="font-size:55px;color:#f04900;font-weight:400" class="lead"> $0 </div>
    	</div>
    	<hr>
    	<ul style="padding-left: 0px;"> <li class="list-group-item2 paddingnone"> Amount in Millions (1 for : 1 Million):</li></ul>
    	<input type="number" required="" placeholder="Number of Millions" name="amount" id="rs3amount" class="form-control inputcount4 numeric" step="1" max="99999999" min="40">
    	<input type="text" required="" placeholder="Character Name" class="form-control inputcount4" value="" id="char_name" name="char_name">
    	<div class="panel-footer formfoot">
    	<input type="submit" value="BUY NOW!" onclick="dataLayer.push({  'event':'googleEvent','eventCategory':'RS3',
    	</div>
    	<input type="hidden" value="RS3" name="product">
    	<input type="hidden" value="start" name="func">
    	</form>
    	</div>
    	</div>
    
    </div>
    </div>
    </div>
    you really should clean that up, indent the tags and whatnot, and not use inline css; the markup is not very clear.
    Attached image
    Reply With Quote  
     


Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)


User Tag List

Similar Threads

  1. Spawn a Npc After another one dies
    By snkey31 in forum Tutorials
    Replies: 9
    Last Post: 03-05-2011, 12:56 PM
  2. another one?
    By Vaio in forum Usernames
    Replies: 1
    Last Post: 09-11-2009, 05:07 AM
  3. 508 hd client another one open source
    By Delifed in forum Downloads
    Replies: 26
    Last Post: 05-14-2009, 06:30 PM
  4. Shoe Vector - Yes another one :)
    By Mickle in forum Showcase
    Replies: 6
    Last Post: 04-04-2008, 12:36 AM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •