You are viewing our Forum Archives. To view or take place in current topics click here.
HTML help please
Posted:

HTML help pleasePosted:

MarcGoone
  • Resident Elite
Status: Offline
Joined: Mar 23, 201311Year Member
Posts: 216
Reputation Power: 8
Status: Offline
Joined: Mar 23, 201311Year Member
Posts: 216
Reputation Power: 8
Hello, so I need help what i want to do is create certain button type things in one line horizontally (like TTG has Home,Forums, Downloads etc.) But I dont want it to be like a picture type thing like it is on here. Im doing something simple/practice at the moment. I think im doing something wrong in the CSS , idk , im not too sure how to do what i want.

HTML
[ Register or Signin to view external links. ]


CSS:
[ Register or Signin to view external links. ]


how it looks with those codes:
[ Register or Signin to view external links. ] I want the words on the dark red part


Last edited by MarcGoone ; edited 2 times in total
#2. Posted:
Nedinator
  • New Member
Status: Offline
Joined: Mar 12, 201212Year Member
Posts: 25
Reputation Power: 0
Status: Offline
Joined: Mar 12, 201212Year Member
Posts: 25
Reputation Power: 0
do you mind posting a screenshot of what you are getting because I am lazy and do not wish to save these files and do it myself.
#3. Posted:
MarcGoone
  • Resident Elite
Status: Offline
Joined: Mar 23, 201311Year Member
Posts: 216
Reputation Power: 8
Status: Offline
Joined: Mar 23, 201311Year Member
Posts: 216
Reputation Power: 8
Nedinator wrote do you mind posting a screenshot of what you are getting because I am lazy and do not wish to save these files and do it myself.

Edited the post for ya yea, im just not sure how to do what i want :/
#4. Posted:
var
  • TTG Senior
Status: Offline
Joined: Dec 24, 201211Year Member
Posts: 1,498
Reputation Power: 79
Status: Offline
Joined: Dec 24, 201211Year Member
Posts: 1,498
Reputation Power: 79
I guess you could make separate rectangles, and place them in one line using CSS. Or draw one long rectangle, and format the text in one line on the x axis. If it's just for one page, I say use inline CSS and set the the spacing between your words right in your CSS document. You can the put it all in a <div> and edit it's placement to perfectly fit within your rectangle, in your external style sheet. Actually... Don't use inline. Just set the text in your external to keep everything together
#5. Posted:
iyop45
  • Prospect
Status: Offline
Joined: Apr 15, 201113Year Member
Posts: 614
Reputation Power: 83
Status: Offline
Joined: Apr 15, 201113Year Member
Posts: 614
Reputation Power: 83
A div ("home") can't wrap around floated elements unless overflow is set to hidden. Or, perhaps a better approach, you could set the li element display:inline-block and then remove the float style. Those methods should allow the home div to wrap around the list elements, I assume that's what you where looking for?
#6. Posted:
Jerbo06
  • V5 Launch
Status: Offline
Joined: Apr 16, 201113Year Member
Posts: 570
Reputation Power: 48
Status: Offline
Joined: Apr 16, 201113Year Member
Posts: 570
Reputation Power: 48
Would you mind posting the code inside the [ code ][ /code ] script so we could copy paste it?

And what exactly are you trying to accomplish?
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.