and - Page 1

User 2924428 Photo


Registered User
1,718 posts

Having some difficulty on my site, working with spans and divs, I want the image on the left and the text to the right, each side with span of 6.. not working, either I have an open div or I have my spans setup wrong.. check it out..

www.offthewallattic.com
User 103173 Photo


VP of Software Development
0 posts

You should signup for Tree House Matt. They have some amazing videos. Working with <div> and <spans> are the most basic's of HTML stuff. ;)

You can get a free trial here:
http://teamtreehouse.cm/join/first-week … tAodmjUA3A

Either that or purchase a book on Amazon:
http://www.amazon.com/s/ref=nb_sb_noss_ … +beginners

Isn't this what they are teaching you at school though?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 122279 Photo


Senior Advisor
14,450 posts
Online Now

Matt, I have not checked your code, but to sum up divs and spans a bit:

A span is an 'inline level element' and is used with elements that are to appear on the same line:
This is an <span class="redtext"example</span> text.

A span is always as long as its content.

A div is a 'block level element' and creates a new line and spreads out as wide as its parent container. You can style it with css to make it take up less, and then float several divs to appear on the same line.

You can center a div with margin: auto, but that does not work on inline elements (hence the styling display: block; if you want to center an image).

I hope this helps you understand what you are doing.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 271657 Photo


Ambassador
3,816 posts

Matt, take a close look at your code. Find that paragraph and have a look at where it is (also note it's under img1 rather than a <p> tag). Now have a look at your span 6s.......In fact, have another look at everything. ;)
From Scott's link above:
http://www.amazon.com/Head-First-HTML-E … +beginners
The "Head First" books are great for more visually inclined learners, check it out. :D
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2924428 Photo


Registered User
1,718 posts

lol.. ok guys i'll look further into this.. my feet hurt .. again!!!

Scott, the link doesn't work..

User 271657 Photo


Ambassador
3,816 posts

lol.. ok guys i'll look further into this.. my feet hurt .. again!!!

Try typing with your hands for awhile :lol::lol::lol:

Hope you had a good holiday weekend – now get to work :D
http://teamtreehouse.com/join/first-wee … MwodvHUAEg
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2924428 Photo


Registered User
1,718 posts

I'm failing to make the connection guys.. sorry, I can't seem to find my mistakes.

I have placeholder-hero-bar-1 > that's for my paragraph , and then <logo> which is off to the left in the design?..

I think i'm going to take it down and start from scratch..
User 2924428 Photo


Registered User
1,718 posts

Ok i'm officially a member of Treehouse.com :)
User 103173 Photo


VP of Software Development
0 posts

UncleMap wrote:
Ok i'm officially a member of Treehouse.com :)

Awesome! My 13 year old has completed 3 courses now and can fully code a pretty nice website all in code just by watching their videos.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2924428 Photo


Registered User
1,718 posts

Ok cool, i'm going to start later today..

I'll do my best to learn from this experience !

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.