SpOrTsDuDe.Reese Posted July 6, 2008 Share Posted July 6, 2008 Ok guarentee some people are going to have migranes working with this. www.gameyin.comI did some work on it but that little space sticking out, that was huger but I did some work on it....anyway how do I get that to disappear? Code is at site. Link to comment Share on other sites More sharing options...
Ingolme Posted July 6, 2008 Share Posted July 6, 2008 You should validate your mark-up first, your page has a lot of validation errors:W3C ValidatorThe problem with the space on the right has to do with where you put your bottom right corner image. The fact is that the bottom right image is in the li element, and it's written after the <h4> element that doesn't have any image on the right. The right border image ended in the articleBody div, and the <h4> element is after that one.If you want a quick solution, you could give the <h4> element a right border image. But I really recommend you use a different method to give borders to your page. Link to comment Share on other sites More sharing options...
SpOrTsDuDe.Reese Posted July 6, 2008 Author Share Posted July 6, 2008 Might I add that this is the 4th forum I've gone to so it's kinda hard to fix/noone knows wtf is going on. This site > other 3 if you guys get this :] Link to comment Share on other sites More sharing options...
jeffman Posted July 6, 2008 Share Posted July 6, 2008 I think you've made things very hard on yourself by mixing textual elements with image elements to construct this thing. I've always found it much simpler and easier to maintain if the corners and edges are simply divs positioned where they need to be, and then one last div positioned over the whole works holds the content. FWIW Link to comment Share on other sites More sharing options...
SpOrTsDuDe.Reese Posted July 6, 2008 Author Share Posted July 6, 2008 The validation errors have to do with when you click "Login" at the top. Nothing to worry about there so moving on. I figured it was with the <h4> becuase it looks about even with the line. I tried padding but no avail! Even width. Can you provide code to change? Also the "work" I did to make space smaller was :I put the image originally on emtpy <p></p> tags and that was fine except for the space sticking out was twice as huge. So I just assigned the last <li> and you know the rest.Anyway your answer/statement was hard to understand. Link to comment Share on other sites More sharing options...
SpOrTsDuDe.Reese Posted July 6, 2008 Author Share Posted July 6, 2008 Well it's just a different CSS technique I was just trying out. College is 1 year away and I have a little over a year of CSS under my belt. The site is just a showoff to the professor basically. I also want a headstart...anyway anyone know like a code snippet to fix? I can kinda figure out the "why does that work" if I see the answer. Link to comment Share on other sites More sharing options...
Ingolme Posted July 6, 2008 Share Posted July 6, 2008 Well, I'll put it graphically for you.What's happening is this: | article body *|| *|| *|| *|-----------------------| article footer ||---------------------|| <h4> ||---------------------|| li.bottom *|| *|----------------------- article body has the right borderarticle footer only has the left borderli.bottom has the bottom right corner<h4> has nothing Link to comment Share on other sites More sharing options...
SpOrTsDuDe.Reese Posted July 6, 2008 Author Share Posted July 6, 2008 I know I understood that much. I was thinking just move div.ArticleBody's ending tag below div.ArticleFooter?I tried that and it got rid of space, but bottom image moved up :/ Link to comment Share on other sites More sharing options...
SpOrTsDuDe.Reese Posted July 6, 2008 Author Share Posted July 6, 2008 GRR I can't get another image for this to fill the void. Taking out <h4> would work?Sigh yes it worked but I need that... Link to comment Share on other sites More sharing options...
SpOrTsDuDe.Reese Posted July 6, 2008 Author Share Posted July 6, 2008 10th total migrane happening now....gay.Also it's just habit, but if a moderator wants to combine posts I'm fine with that. Link to comment Share on other sites More sharing options...
SpOrTsDuDe.Reese Posted July 6, 2008 Author Share Posted July 6, 2008 I'm in love. I moved the <h4> into the parent div (it would have the same effect ^.^ thought of that) AND IT WORKED. LOVE YOU ALL. Link to comment Share on other sites More sharing options...
Ingolme Posted July 6, 2008 Share Posted July 6, 2008 Rather than attempting to integrate all the background images into elements of your code I'd just wrap a few divs around the whole thing and just put the borders there instead. Link to comment Share on other sites More sharing options...
SpOrTsDuDe.Reese Posted July 6, 2008 Author Share Posted July 6, 2008 My fix was simpler. I just moved 1 line of code around and all was fixed. LOVE YOU GUYS! THANKS.PS: Don't you just hate such a hard problem being fixed by something so stupid? Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.