Jump to content

AeroCoder

Members
  • Posts

    20
  • Joined

  • Last visited

Posts posted by AeroCoder

  1. Well, I've tried what you suggested -- clearing the footer, right, left, and both, but they don't move one inch.This is the modified CSS I have right now:

    div.container{width:100%;margin: auto;line-height:145%;background-color: #FEFEFF;background-image: url('stylewave2.png');background-repeat: no-repeat;}div.header{padding:0.5em;color:white;background-color: #CEDCEC;background-repeat: no-repeat;clear:left;}div.footer{padding:1.5em;background-image: url('container_footer.png');clear: both;}div.left{float:left;width:160px;margin:0;padding:1em;}div.content{margin-right:290px;border-left:1px solid #999999;padding:1em;background-image: url('bg_overlay2.png')}div.right{float: right;width:180px;margin:0;padding:1em;}

    Am I not doing something correctly?

  2. The scheduled launch of the new version of my website has been delayed for a couple reasons... and one of the major reasons, which I can't seem to get around, is the totally messed up DIV boxes I've set up.Here's the page in question: http://www.cemrin.com/testing/index2.htmOnce you open up the page, look near the very bottom and you'll find a couple boxes (Project News, Latest News, etc), and you will also see that they are on the bottom obviously, which is my problem. I've tried everything in my CSS to make them align to right of far right of the page so that it is inline with the paragraph instead of below it. I would also like to have the DIV boxes "stacked" upon each other...This is my CSS Stylesheet used for the page:

    div.container{width:100%;margin: auto;line-height:145%;background-image: url('container_content2.png');background-repeat: no-repeat;}div.header{padding:0.5em;color:white;background-color: #CEDCEC;/* background-image: url('stylewave2_hover2.png'); */background-repeat: no-repeat;clear:left;}div.footer{padding:1.5em;background-image: url('container_footer.png');clear:left;}div.footer a{color: #003366;font-family: "Microsoft Sans Serif";font-size: 12px;font-style: normal;text-decoration: none;}div.footer a:hover{color: #336699;font-family: "Microsoft Sans Serif";font-size: 12px;font-style: normal;text-decoration: underline;}div.left{float:left;width:160px;margin:0;padding:1em;}div.content{margin-right:290px;border-left:1px solid #999999;padding:1em;background-image: url('bg_overlay2.png')}div.right{float:right;clear: both;width:680px;margin:0;padding:1em;}

    The boxes are all contained in a DIV container class called "div.right". Can anyone help me with this? I appreciate it very much. :)

  3. Since you are using CSS for this, and it works okay in Firefox, I would use an IE Conditional Statement to fix the problem for IE5.5+.Insert the Conditional Statement somewhere in the <body> tag, usually at the very beginning. Now... grab the CSS code for that CSS popup box, and put it in this conditional statement:

    <!--[if IE5.5]><style type="text/css">insert CSS here</style><![endif]-->

    Keep changing whatever properties you need to (I think width in this case) until it gets to work in that particular version of IE. Also... I think it might be a problem with the width of your Iframes... might I suggest making them a little wider? If that does not solve the problem, use the Conditional Statement method above and try that out.Hope I helped.

  4. My blog at: Not Just CricketButtons do not show in the side bar.Eg: The search button in the 'Search Box' on the left.I have been trying to put Google Adsense Search box and also Feedburner Subscription email box. The text box do not show the border - so its just an empty space that shows and the button does not show.How can I fix this?
    First, check for any overlapping or omitted tags in the HTML code or the CSS Stylesheet, if you have access to them. It could also be the configuration of the template, but I doubt that that is the problem in this situation.
  5. There are two types of CSS Shadow effects, a normal "shadow" and then, the "dropshadow"Normal Shadow:

    filter:shadow(color=#ff0000, direction=90);

    The "direction" property's unit is in degrees, so in this example, it is a full 90* of the element's position.Drop Shadow:

    filter:dropshadow(color=#ff0000, offx=5, offy=5, positive=true);

    "offx" controls the amount of spacing, or "offset" from the element's horizontal start point, and "offy" has the same idea, except it controls the amount of spacing from the element's vertical (top) start point.The one property I do not know anything about is the "positive" property; I'm guessing that it controls the shadow's color, whether the color is in a positive filter (in this case it is), or if it's using a negative filter.

  6. Internet Explorer 7 does have its improvements, but overall, in terms of any changes to W3C Standards Compliance or any other jargon that we Web Developers are concerned about, there's no upgrade there; the browser actually re-uses old IE6 code... but they skipped the Transparent PNG overlay feature (thank goodness!), and just re-vamped the UI on it.I prefer Mozilla Firefox, even over Opera... there's tons of addons, themes, and extensions you can get for it, including little Web Developer goodies like the Web Developer Toolbar, and the XML Developer Toolbar... very handy tools to have if you're into Web Design.

  7. They seemed to have fixed this problem in Internet Explorer 7; looks fine for me in there.I think the easiest solution to your problem is to avoid saving it as a PNG file, which I assume it is. Some JPEG formats can preserve transparency I believe, so if you can save a copy of the background image as a .JPG file, and use that one, it should fix the problem.

  8. The most common reason is that "onClick" is NOT the proper syntax for any Javascript event attribute. The proper method is to simply have it in all lowercase, as with many other coding languages including Actionscript.Try using all lowercase for the attributes, and see if that works.

  9. Hi all, Dont know if you can help?I am trying to offer 2 style sheets for my site. I want to allow the visitor to click a button on my web page which will activate the style change from one sheet to an alternate sheet and back again (I guess this will be an onclick event).Does anyone have or can anyone point me in the direction of some sample code which can do this? It would be nice to have an example to work along with as I am relatively new to javaScript usage and this seems especially tricky. Oh, yes! and I want to make sure my script is external to the page as a .js file probably with an onload event script also used.Any suggestions would be very much appreciated.Best regardsJustin
    This tutorial has almost exactly what you're looking for... switching a couple things around could make it work exactly the way you want:http://alistapart.com/stories/alternate/Hope that helps. :)
  10. Actually, that's $_GET['id'] (Just like an array, don't forget the quotes.) Also AeroCoder, you need a server "installed" on your home computer to view PHP content (Get EasyPHP or Xitami, then upload the file into the www directory.) You can't just get Apache and put it on your comp and expect it to work. Also, if you wanted to do the $_GET method via JavaScript, I could go get the information for you.
    Sorry, I neglected to mention that I'm using my host server, the one that hosts my website, MediaTemple. I do all the testing there, and not from a local directory on my computer.EDIT: Seems to be working now... thanks. :)
  11. I've got a couple questions regarding PHP and how to implement it in the following two ways.1) How can I make a .php file actually workable as a page? Even if I do have some PHP in an HTML document, and save it as a .php file (ex. home.php), the server throws an error message... my server is able to parse PHP, and even has Safe-Mode off, so I don't see what's wrong. How do I make a .php page viewable?2) I want to set up my pages so that one central file is used to navigate to other pages using a global varname (If that's how the terminology goes). The name I want use is "id" , like so:Code:http://www.cemrin.com/portfolio.htm?id=webdesignhttp://www.cemrin.com/portfolio.htm?id=graphicsdesignDoes anyone know how I can implement this... and maybe if not by the HTM extension, PHP?I appreciate all the help. :)-- AeroCoder

  12. Hello to all you Members out there! :) I'm an avid Web Designer highly knowledegable in XHTML and CSS. I'm also going through the user-friendly and easy tutorial for learning AppML to further increase my Web Design knowledge and enhance my personal webiste.In relation to this, I've written a few technical articles that deal with many areas of Web Development, including design and little tricks with codes.I look forward to getting to know all of you, and I hope to be a great contribution to this forum.-- AeroCoder

×
×
  • Create New...