Off topic web development.

Started by
3 comments, last by Sporniket 11 years, 1 month ago

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!

Advertisement

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.

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

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

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

This topic is closed to new replies.

Advertisement