Jump to content

View more

Image of the Day

Adding some finishing touches...
Follow us for more
#screenshotsaturday #indiedev... by #MakeGoodGames https://t.co/Otbwywbm3a
IOTD | Top Screenshots

The latest, straight to your Inbox.

Subscribe to GameDev.net Direct to receive the latest updates and exclusive content.

Sign up now

Off topic web development.

4: Adsense

Old topic!

Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.

  • You cannot reply to this topic
4 replies to this topic

#1 makronika   Members   


Posted 21 February 2013 - 06:40 PM

Hello. I have tried couple of Web development forums and no one seems to reply on my question, I thought that forum is active so I might as well give it a go with my question:

Can someone post a code that I can make a box (border) on the middle of the page also I want the information to be inside the box too and have a different colour then the background. I gave an attachment what I mean. I would appreciate if someone would help!

Attached Thumbnails

  • web.jpg

#2 Indifferent   Members   


Posted 21 February 2013 - 09:39 PM


Rather than asking for us to do it for you, members would likely be more willing to assist if you had at least attempted it on your own, presented what you had managed so far and then asked for guidance.

#3 jbadams   Senior Staff   


Posted 21 February 2013 - 10:00 PM

We don't just hand over pre-written code to solve your problems, and if that's what you've been asking for on other forums I'm not all that surprised that you haven't received any replies.


What we can do is help you out with writing your own code: we can point you in the direction of places where you can learn how it's done, and after you've made your own attempt we can help you to solve any problems you're still having.



You'll need some basic HTML code to create the elements on your page, and you'll need CSS to write the styling rules; adjusting the positioning, changing colours, etc.

To learn HTML you might try the "learn HTML" section on the Mozilla Developer Network and/or the HTML tutorial at w3schools.  I'd suggest starting from the basics and working your way through, but the specific element you'll need are forms (alternative link).

To learn CSS you might again try the "learn CSS" section on the Mozilla Developer Network and/or the css tutorial at w3schools.


More specifically, here is a tutorial (including sample code) covering the basics of styling web forms using CSS, and to centre your form you'll want to use the first technique (setting left and right margins to auto) described in this article on horizontal alignment with CSS.  If you really just want some code you can probably grab the sample code provided and experiment, but I'd strongly suggest at least reading up on the basics first.



Alternatively, if you really don't want to learn about HTML and CSS and just want this one-off piece of code you could use a form generator (such as this one) rather than writing or looking for code, or could create your form using a WYSIWYG software package such as DreamWeaver.



Hope that's helpful! smile.png

- Jason Astle-Adams

#4 Dwarf King   Members   


Posted 22 February 2013 - 02:11 AM

look for something called "border" and "center" in .css/html. Also you need to think in "div" boxes. Now I have given you some very useful clues that you can work with.


A very good website for .css is this .


Hope that helps out

"The only thing that interferes with my learning is my education"

Albert Einstein

"It is a miracle that curiosity survives formal education"

Albert Einstein


#5 Sporniket   Members   


Posted 22 February 2013 - 03:57 AM

Could it be that what you want to obtain is a kind of lightbox effect ? ==> google for lightbox, jquery (very handy), etc...

Space Zig-Zag, a casual game of skill for Android by Sporniket-Studio.com

Old topic!

Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.