- This topic is empty.
-
AuthorPosts
-
June 29, 2012 at 9:58 pm #38718MagikarpParticipant
What I have doesn’t work very well. Any text that is created after the headings will align itself up weird and it requires a lot of code on my part.
I just want headings that can align side by side with CSS.
Like the ones on this page:
http://twitter.github.com/bootstrap/examples/hero.htmlJune 29, 2012 at 10:39 pm #105125SenffParticipantJune 29, 2012 at 10:46 pm #105126MagikarpParticipantJune 29, 2012 at 11:04 pm #105127SenffParticipantSo what’s wrong with it exactly? Not really sure what you’re trying to accomplish.
June 29, 2012 at 11:39 pm #105129MagikarpParticipantLike the headings on that page, they are side by side. I want that, but mine doesn’t work like that.
Any text made after the headings will align it weird and I want to make the height of both of them fixed.
June 30, 2012 at 1:47 am #105135MagikarpParticipantYeah, but when you put text over the headings or below, one of them pushes down and is the clear class really necessary?
I thought this was a really simple thing to accomplish, yet I still can’t :c
June 30, 2012 at 3:04 am #105141MagikarpParticipanthttp://img401.imageshack.us/img401/5200/123123123hl.png
Here we go..
Edit: Chris that seems so weird. I don’t see the need for the content classes, text-area classes.. Shoudln’t there be one content class, which all of the content of the page is inside?
June 30, 2012 at 9:20 am #104799wolfcry911Participant@chrisxclash, there is never a good reason to use an extraneous div for clearing floats. It’s simply bad practice – there are many other options available. Also, I can appreciate your helping others, but using all classed divs is also bad practice. Try to use semantic mark-up whenever possible
@misterrpg, is this what you’re after? Or are you looking for somthing more/different?
June 30, 2012 at 5:43 pm #105159MagikarpParticipantThat sounds like exactly what I want, I will look at it some more though, to make sure it is bug-free. Thanks mate!
June 30, 2012 at 8:39 pm #105161MagikarpParticipant3 questions:
1) How do I always make the width of the articles 50% (each) of the content area?
2) How do I always make the height of the articles always the height of the longest article?
3) A VERY annoying problem has just come up when I start adding tons of content to my game’s page.
http://img208.imageshack.us/img208/4435/problum.png (image) As you can see, the article / blurb will cut off if the last thing in it is not text.July 1, 2012 at 2:44 am #105165Paulie_DMember1) You can set the width of the articles to 50% in the CSS.
2) You have to do this with Javascript….just google it, there’s plenty of very light weight solutions out there.
3) Without seeing your code it’s going to be difficult to comment. Do you have a link or can you make a JSFiddle?
July 1, 2012 at 2:50 am #105166Paulie_DMemberActually, on looking through your original question, you obviously haven’t looked through the documentation for Bootstrap.
It’s a grid system with defined rows and pre-set CSS to define headings and so forth.
Here’s a set of videos on it: http://webdesign.tutsplus.com/series/twitter-bootstrap-101/
July 1, 2012 at 8:22 am #105173wolfcry911ParticipantHere’s an updated pen
July 1, 2012 at 12:51 pm #105179MagikarpParticipantthanks wolfy. Looks like my questions were answered. Thanks a lot guys.
Fixed: Thanks guys!
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.