Member Avatar for kylestudent

Hey, i recently took a HTML course in high school, and i like it a lot and im starting to create my own websites on my own time, but ive ran into a pretty important (well i think its important) part of my website is the layout like how do i get images where i want them links where i want them?

ive been searching the internet been trying a lot of sites like
www.tizag.com/htmlT/htmllayout.php
www.w3schools.com/html/html_layout.asp
they helped me for some things but now how to customize my own layout
i cannot find a good website to help me create and custumize my own layout

i dont have dreamweaver or any of thoes exspensive programs, i have paint.net for editing and notepad and programmers pad idk if thats the best choice but i cant pull out hundreds of dollars for dreamweaver and all that

if someone could help me with this, it would be very appreciated :)

  • 4 Contributors
  • 4 Replies
  • 86 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by Arkinder

Dani AI

Generated

Good start, . To get control of layout, work from a simple plan: sketch the page, break it into semantic sections (header, nav, main, aside, footer), then build one section at a time so you can concentrate on placing a single image or link before combining pieces. That separation of concerns — content in HTML, presentation in CSS — is the fastest way to learn reliable layouts (echoing 's point).

As suggested, a good editor and rapid feedback speed learning. Try a modern free editor and use an online sandbox to prototype small pieces you can share. Visual Studio Code is lightweight and extensible, and CodePen is great for quick experiments you can post for feedback. Use the browser developer tools to live-edit styles, inspect the computed rules, and copy working changes back to your files.

Focus next on the modern layout systems: Flexbox for one-dimensional alignment and CSS Grid for two-dimensional page structure. Practical guides are at A Complete Guide to Flexbox and A Complete Guide to Grid. Check browser support on Can I use. Debugging tips: add temporary borders/backgrounds to reveal boxes, check the computed styles pane to find overrides, and test at multiple widths. When stuck, post a minimal HTML+CSS example (no external frameworks) so community members like can point to the exact issue.

Recommended Answers

All 4 Replies

Member Avatar for floatingDivs

You can use floats, margins, and padding (along with vertical-align).

Also, post some code and people will give you pointers/hints.

Member Avatar for kylestudent

alright i never learnt that yet but ill look into it some more thanks!

Member Avatar for shaya4207

As far as text-editors, you can download 'notepad++', it's free and quite awesome...

Member Avatar for Arkinder

HTML is only the structure of a web page. CSS is used to style the structure. A layout, is simply HTML elements being styled by CSS.

Some places to check out:

HTML Dog - For HTML and CSS

Google Code University - For HTML, CSS, and some JavaScript

Mozilla's Doc Center - For HTML, CSS, and JavaScript

Any questions? Feel free to post here in the forums.

Regards
Arkinder

Edited by Arkinder because: n/a
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.