Search results

Just a quick reply, longer one later... "Why is the #bannerBio element using position: absolute; and a right property value of NEGATIVE 108%???" That's used for my CSS Transition animation. I place it over screen using right: and -108. I apply the class to move it back over as you can see...

I tried adding margin-bottom, but it doesn't do anything for some reason. If I go too big on the amount of margin, it completely messes up the size of the sections. I'm not sure how to get rid of that scroll bar either. My CSS is pretty bloated at the moment. I will need to go through...

I did use float and margin to get this how I want. It's not perfect, but it's coming right along. Take a look.

Guess who's back. Back again. Randy's back. Tell a friend. Anyway... So, I can't quite figure this one out (hence my post). My first div at the beginning seems to fit just fine. It has the same class as all of the other divs. The other divs on the page actually overlap to the next one. I've...

I didn't even realize that. Good observation. Is this the section of the Javascript that makes the sliding effect happen? var pages = []; $('div.page').each (function (index) { pages [index] = { id: $(this).attr ('id'), x: ($(this).offset ()).top, h...

Ref: http://metropolis1927.com/ I think that's a pretty simple technique. Each section is a div. If you look at the source you can see these. The nav panel on the left is another div that is fixed. I know that all of the divs going down the page are simply lined up. Furthermore, you just add a...

Was this resolved? Do you still need help?

#1 recommendation: Move away from IE. Code for the real web using Chrome, Firefox and Opera

I've seen some pretty cool designs out there. I've been wanting to use some of these ideas in some of my ventures. I've been learning a little about transitions and transforms and such. What I would like to do is have the main page load with a div containing some a tags that will link to...

Wow... just wow. I'm usually pretty good with paying attention to detail. Can you see the problem? <label>Instructor</label><select name="instructor"/> <option></option> <option>Bao</option>...

Sadly, I think I may have just solved my problem. I'll update in just a moment to confirm. I'm going to feel like a complete idiot if my assumption is correct. :(

I've found that divs will force the text to adjust, so placing the h1 in a div of its own will make that happen. This is what I did quickly as a test: <div id="headertest"><h1>test text lkhgdfjlghdfjkghdfjkghd</h1></div> #headertest{ text-align:center; margin:0 auto; min-width:95%...

This problem is super strange to me. I've spent so many hours trying to figure out what is going on here. I've even made a duplicate page and stripped down the CSS. For the life of me, I can't figure it out. The problem: On my questionnaire page I will have a background, wrapper, header...

My question was answered. A mod can lock down this thread if they want.

Yeah. I definitely didn't want to do a table. lol After doing the former, I added overflow:hidden, and that worked like a charm. I really like the idea of two divs and floating those. I may try that next. Thanks so much for all the help. Here's what the site looks like now...

That single statement helped a ton. All of my mods now fit within my .wrapper. Thanks!

It does. I want my .wrapper to have the border around it and the contents of the .wrapper to have the space around them as well. Would it be more appropriate to make the mod divs total 100% and then add margin:25px ?

I get what you're saying and I actually understand that logic. Allow me to elaborate and you tell me your thoughts (if you'd be so kind :) ) I have 7 modules (2 through 7) and a project. I would like them to be in two columns down the page. I tried changing them to just float:left, like you...

I guess I've got a lot more reading to do. CSS positioning and floats really confuse me. This is what I have for each of the mod div on my home page, but they are staying in a single line down the page. #mod2 #mod3 #mod4 #mod5{ float:left; overflow:hidden; max-width:45%; height: 30%; }...

float: left and float: right Correct? I'm using that, but apparently it's not working the way I would expect. Thanks for that article. I'm going to read that right now.