Moving Text?


#1

Can someone please help me? If you can see the text; "THE GAME WE PLAY" at the top of the page, somewhat in the center, divided into 2 lines..

Can you please help me move it down, and change it to 1 line?

Thanks in advance! I've tried everything, but it doesn't work; either something moves with it, or it stays in two lines...

http://jsfiddle.net/vzzk6wfa/


#2

Hey Goldendraws,

I currently see this:

Are you wanting something more like this? (I think so)

Try a search for CSS positioning.


Also, this is off topic, since it isn't about an HTML Basics exercise. Could you please move it to the Job opportunities and Collaborative Work category? Thanks.


#3

Also, <center>, while handy, is outdated and you shouldn't be using it.


#4

Yes, that is what I want. How did you figure it out?


#5

I used magic. Look through the link I gave you and try fiddling around with it yourself. If you slow down and work on it some, you'll start learning stuff, versus asking us to do it for you and learning nothing.


#6

OK Thanks, quick question though;

I made it relative positioning, and did top: (x)
and it moved down, but the text remained in the same layout, like this:

"THE GAME WE
PLAY"

Why's that?

It was like that with the static positioning because it was forced between the logo and buttons, but when it's in free space should it resize?


#7

Looks to me like you've solved your problem and only need to get the logo and sign/log in buttons on opposite sides now:


#8

I don't get it... How would that work than? I'm really confused, sorry.


#9

That's so weird.. When I made .sloganPart1, a relative position, and set top: to 100px,

it just moved down.. it still appears like this:

"THE GAME WE
PLAY"

and not

"THE GAME WE PLAY"...


#10

It's still showing up just the same as in my last screenshot above for me. Maybe your screen is too small? Try making the browser larger, or shrinking the font-size to see if it fits onto one line that way.


#12

It's definitely not the font-size.. Is this what you have for the

.sloganPart1 {
    position:relative;
    top: 200px;

}
It comes up as this;

http://jsfiddle.net/vzzk6wfa/4/

Can I please see the code you used to see what I did

The highest the font can go, while staying on one like is 74px, and I need bigger than that.. any ideas?


#13

I think your screen is just too small. It shows up fine for me.


#14

Can I see your full code? @zystvan


#15

@goldendraws I had:

position: fixed;
top: 150px;

on the header. But I'm pretty sure your screen is too small. Have you tried resizing your browser window or testing on a larger screen?