Portfolio - alignment issues - HELP!

Portfolio - alignment issues - HELP!
0

#1

Hi
I’m having an issue with alignment
I want to put text next to a form
I’m not sure how to put each item in a “container”?
I’m on my second week here so take that into consideration :wink:
I’m not finished but what I have is coming along.


#2

I’m assuming that the text you want to put next to the form is the Lorem ipsum… text with the CSS class ex.

This is one way to do it, though there are many.

  1. Put the form and the text into a container.
<div class="container">
  <form>...form stuff...</form>
  <p>...text...</p>
</div>
  1. Float the form to the left with the fallowing CSS
form {
float:left;
}

This is just one way to do it. Starting out, there are going to be a lot of How do I questions?
Just keep with it.

Also, if your wondering why all your buttons have a white border, its because Browsers automatically apply styles to some elements. That really irritated me when I first started.


#3

Much appreciated
Thanks very much!


#4

I tried everything and the container isn’t holding the text? :s


#5

I think I found the problem but I don’t know how to fix it and position my text center

p.ex{
height:400px;
width:400px;
}

Lorem ipsum


#6

Lorem ipsum


#7

Yikes I just changes all my text in the page to links?
I think I’m going backwards :S
I changed <a href to Id= and the whole page fell apart


#8

Do you mean the container isn’t holding the . That’s one of the side effects of floating elements. Floated elements no longer affect their parents.

Instead of float, you could set adding display:inline-block; to both CSS of both the form and the text. This will cause them to appear on the same line and the parent container will expand to fit them both.


#9

I highlighted the container in red but without float the container moves below the form
I still can’t figure out how to align the lorem ipsum text inside the container