desjardins2010 Posted December 7, 2013 Share Posted December 7, 2013 hey guys/gals I have attached an image i'm trying to mock the outcome of this site - so what i want to happen is based on some DB entries to a title, screenshot and footer have this page spit out these nice boxes with the details on each.... alignment is nice here how it follows the next one spaced out... can anyone tell me how I might do this... would I use php to draw out the table then draw the TR and TD and have the DB insert the title and info in the spaces provided... do you think this site is using css to draw them boxes and if not, if it's a premade image how is he inserting inforamtion ontop of it in perfect alignment... Quote Link to comment Share on other sites More sharing options...
jcbones Posted December 7, 2013 Share Posted December 7, 2013 I would say that is css. If you make every box the same size, and float them left, then they will line up perfectly everytime. No matter what the screen size is. Quote Link to comment Share on other sites More sharing options...
desjardins2010 Posted December 7, 2013 Author Share Posted December 7, 2013 yes ok but - how to get text to displace based on input from DB to the desired location on the box... exp the title and the screen image and the date.... Quote Link to comment Share on other sites More sharing options...
Ch0cu3r Posted December 7, 2013 Share Posted December 7, 2013 How the text is displayed is down to CSS. With CSS you can apply various styles to a html element to transform it. All what you want PHP to do is to output the required HTML markup for creating the boxes with the info from the database. If you right click > view source you should be able to see the HTML mark-up for those boxes and then browse to see what CSS they are applying. Quote Link to comment Share on other sites More sharing options...
desjardins2010 Posted December 7, 2013 Author Share Posted December 7, 2013 problem is the site isn't accessible it's in a frame from goldenclix.com.... can't view source Quote Link to comment Share on other sites More sharing options...
Ch0cu3r Posted December 7, 2013 Share Posted December 7, 2013 Have a look at this example http://jsfiddle.net/VuH6P/2/ For idea of the HTML markup and CSS required. Quote Link to comment Share on other sites More sharing options...
desjardins2010 Posted December 7, 2013 Author Share Posted December 7, 2013 ahhh yes perfect thank you Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.