|
CSS - Need Some Final Tweaks For Ie
Similar TutorialsI have followed the sliding doors tutorial for CSS tab navigation (see http://alistapart.com/articles/slidingdoors for the article, and http://alistapart.com/d/slidingdoors/v1/v1.html for the final solution that I'm attempting to duplicate), and attempted to make a few minor tweaks. For the most part everything works great, but I have not been able to figure out 2 issues: 1) Why are the small crevices between the tops of the tabs (created by the rounded edges) white on my page (http://www.familystudies.info/CSSTabs) but match the background on the sliding doors tutorial http://alistapart.com/d/slidingdoors/v1/v1.html? (I can't find where any of my code is different.) 2) I attempted to tweak the sliding doors solution by adding more of a rollover effect on non-current tabs. Specifically, I changed the tab color (background image) instead of just the tab text color. This works for everything except the left_on.gif image. My current code for changing that is "#header li:hover {background:url("left.gif") no-repeat left top;", and I have tried several other variations, but nothing seems to work. Thanks, Jason This may be a dumb questions as I think I already know the answer to it. Is there any way to protect your css page from others. I would like to protect my websites against those who want to just copy them. Ofcourse these are live websites and do not need to be penalized by Google in any way if it is possible. I haven't heard or seen anything on this but I knew you guys would know for sure. Thank You! I'm almost finished with my first page, the others should be easier but before moving on, I would like to debug some problems and truthfully I'm not sure where to even begin. I'm ready to debug issues is IE6. It looks nothing like it should. My main menu is vertical and I'm really confused as to why? I know that IE6 does not support fixed footers, so i was curious as to how I could work around that? my embedded video in my #right div in FF overlaps the fixed footer, and putting a z-index on #object did not work? Lastly, I would like to know if there is a way to make my #mainbody div the same size as my #left and #right depending on which has more content. Basically I would like all three the same size at all times. Thanks for your advise http://www.lonniebruhn.com/sitelab LB Ok guys, so my website is www. paulfenton .tk/wordpress. I have put a lot of work into it but I have three final snags that need fixing (and I cant seem to figure them out). 1) Bottom Left Gradient doesnt seem to be aligned properly... I am using the background-position:top right; attribute, and I think this is in effect, however the div that holds the bottom left gradient is the width of the whole window rather than the 50% it is supposed to be.. and I cant figure out why.. 2) I want to get my favicon working: I have used the code Code: <link rel="icon" type="image/png" href="images/favicon.png"> inside my <head> and I have the image in the right place in the directory, but my I am still getting a white sheet with a bent over corner... 3) I want people to be able to access the website by just using www. paulfenton .tk (without having to type in the /wordpress). Simply dropping all of the directorys in the /wordpress folder into the paulfenton. tk folder causes a bunch of path failures.. so I would rather not go this route, I can use a meta tag, but if my server is slow the user will sit on my empty main page while they wait for /wordpress Does anyone know how I can set it up so that the forward works instantly? Any help for any or all of these problems would be greatly appreciated, Hope to hear from someone soon.. -Paul |
|||||||