grabenair

All of your code please. Try here http://css-tricks.com/perfect-full-page-background-image/

I think what you are looking for is what we now call responsive web design. You add css in a media query to change the postion and size of elements. Do a Google search on responsive web design there is a lot of info out there on how to do it. Before you do you can check my site, link at bottom, and nav to the responsive page, home/readmore/here, drag the window to make it smaller to see if this is what you are looking for.

I do not know what many solutions you have tried but try updating flash, updating firefox and maybe installing firefox and and reinstall. That is all I have it is hard to diagnose a pc problem with out the pc infront of me.

No problem miss Andrea. I was just letting Ben know that my problem was a little different.

Andrea's problem code has not happened to me. What I always get is [size2]some code here[/size2]some more code here. The size2 is in randomly placed places in the code.

Well for me sometimes it is from DWcs6 and sometimes from notepad++ and sometimes Crome developer tools. It just depends on what computer I am using at the time. And what I am trying to help with. The next time it happens I will leave it there with a note to the person I am trying to help to ignore the tags that appear in the code for Ben can see what we are talking about.

I have been sitting here trying to make it happen. Well guess what when I want it to nothing. It does not matter what code html css php or jQuery. I tried putting in a smiley emotion to see if that had something to do with it, but no. I just also went to my last post (Finished a site and need some constructive criticism) and tried to make it happen but again no. But there is the problem with the emoticon I have had from time to time there.

Mac Book pro couple of months old. Chrome and FireFox.

When I use the little code icon to insert code into a post I keep getting stuff like this [size2] [/size] put into the code. Then I have to go back and edit it to get it out. Is this something that I am doing causing it.

Just a little more for your css zeroing out you can simply put * {margin:0; padding:0;} The * is what is called a wild card and effects all of the html Dom elements. If you not understand what the Dom is that is ok you will when you start writing jQuery. For now just know that it effects everything on the page. Also html5 elements are block by default, not that it hurts to declare then anyway. But less code is always better. You should add this to the head just before the closing head tag, anyway that is where I put it but as long as it is in the head. The code is for IE as you can tell because older IE does not like html5. <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> Also good job on the id's and classes, exempt for the one as Andrea said. So many people want to use only classes all of the time where id's are better. I would give you 93% an A

It has been a while sense I have had to do it. But when using wamp or mamp you need to add some some code to the htdocs folder to sit up mamp or wamp to be abel to send e-mail from within it. Check the documentation for wamp it should be in there somewhere. I am sending you a massage to help you with this. I can not put it here, as Miss Andrea will zap my link.

Use something like FileZilla instead of DreamWeaver for ftp. It is easy to figure out. Now your problem, where ever you store your root folder weither on your desktop or in a website folder make a new site with DW4. It does not matter what you name it. The name is just for you. Now close DW. Now open your site, not with DW but open the folder. Now open the new site for that you now have two windows open. Now copy,drag whatever all of the folders and files to the new folder. Now open DW and your site should be there. I do not know if there is a better or simpler way. But this is what I did when I was first learning DWCS4. If this does not work then you are missing something from downloading from the server. A little advice. Always back up your site. I put a copy on a flash drive, in dropbox, and I have my hosting server back up twice a week with the last four backups saved. When naming your folders in your site start them with an underscore ( _images ) this will put all of your folders at the top making a better organized site. When you have to change your hosting server for some reason, I use filezilla and put the site on my laptop. Then with the site on my laptop I then move the site to the new server. Might be a better or easier way. But this is how I do it. It just makes it easy to make sure that I downloaded everything correctly.

Do you already have the mobile version of the site. If so is it done with jQuery or media query's? If you do not have a mobile version of the site yet, I am going to suggest Responsive Web Design by using media query's. That is where you add css at the bottom of your main css file. The css that you write will target screen size by pix. Moving elements around and changing sizes, to name a couple of things that you will be needing to change. It looks like this @media screen and (min-width: 400px) and (max-width:700px) { Css here that over rides the main css to target a tablet device. You add a new query for phone by changing the main and max width. You can put these in a folder and link to them or just add them to the bottom of your main css. This sounds simple but it takes a little practice to get it flowing. } What this is all doing is telling the browser which css to give to the html according to the screen size. So now you have a web site that is adjustable automatically. If you want to see this in action go to my site, link at bottom, nav to the responsive site page from the read more on the home page. And change you browser window size and see how the nav and other things change.

Well I forgot if you want to use rgb for your colors it is fine. But if you want to put in some transparency using rgb then you need to write it as rgba the (a) is the alpha channel. And then is wrote the way that you did it above. With out the a in rgba it is only expecting 3 properties. And just for you know the long hand form for this looks like this rgb{ (255,255,255); opacity:1;} This is to help you understand that with rgba we are adding a property to the color. Hope this helps you understand better.

Not sure if this will help or not. Try changing you color in you css from background-color: rgb(255,255,255,1); to background-color:#FFF; this should work cross browser.

Hello, just jumping in to give you a little advice on code editors. It will help if you choose one with code coloring and line numbers. These help see typos easier. Instead of notepad for the pc try notepad++. A free download for the pc. There are many notepad++ is just the one that I use. If you want something a little more robust for free, give Komodo Edit and Aptana Studio a try. Both of these have a PC and a Mac version.

I know what you mean. I have used templates and changed stuff with out going and checking to see what happens to my changes soon enough. Then all heck breaks out. Just for fun the German word for lettuce sea slug is salat maeeresschnecke. And the scientific name is tridachia crispata. I started spring break this week and am to old to go party so looked this up instead.

I would take all that stuff and put it in one div then use margins.

I am bringing this to the top again because I have noticed a lot of new people here, wich is great, but really look at the date of the post. Not trying to be mean but if the post is over a couple of years old it has probably been salved.

Awesome looking site. Here is an idea that you might like a jQuery adjustable back to top link. I thought of this because the page is a little long, not to long but long enough that I would add it. But that is just me. //scroll to top link $(document).ready(function() { $('.top').click(function(){ $('html, body').animate({scrollTop: 0}, 3000); }); }); the html: <p id="backtop" ><a class="top" href="#">AUTO SCROLL BACK TO TOP</a></p> I just put the link in a p tag for easy positioning. In the jQuery the scrollTop: 0 is how far from top of window. The 3000 is how long. You know three sec. If you want to see this in action before trying it out. Click on the my site in my signature and go to my portfolio page. By the way the site is not done yet but close.

I think this might work for you with just a few adjustments. As you can tell from the jQuery library I have had this code for a while. I have used it as a starting point for simler stuff like you want. I would also fade it in for a more subtle effect. If this does not do it let me know and I will try again. You should just have to sit the sliding effect height and add a show hide to each element to show hide what you want when clicked on. <script type="text/javascript" src="../jquery-1.3.2.js"></script> <script type="text/javascript"> $(function() { $("#slideup").click(function() { $("#theDiv").slideUp("normal"); }); $("#slidedown").click(function() { $("#theDiv").slideDown("normal"); }); $("#toggle").click(function() { $("#theDiv").slideToggle("slow"); }); }); </script> <style type="text/css"> div#theDiv { width: 250px; height: 180px; margin: 10px; padding: 20px; background: blue; border: 2px solid black; cursor: pointer; } p, span { font-size: 16pt; } button { margin: 5px; } </style> </head> <body> <p> Sliding an Element</p> <div id="theDiv"> </div> <button id="slideup">Slide Up</button> <button id="slidedown">Slide Down</button> <button id="toggle">Toggle Slide</button> </body> I came back and added this incase you might want this as a starting point for fading also. Hope this helps, again let me if it does not. I am thinking you can combine the two sets of code tho get the effect you want. <script type="text/javascript" src="../jquery-1.3.2.js"></script> <script type="text/javascript"> $(function() { $("#fadein").click(function() { $("#theDiv").fadeIn("normal"); }); $("#fadeout").click(function() { $("#theDiv").fadeOut("normal"); }); $("#fadeto3").click(function() { $("#theDiv").fadeTo("slow", 0.3); }); $("#fadeup").click(function() { $("#theDiv").fadeTo("slow", 1.0); }); }); </script> <style type="text/css"> div#theDiv { width: 250px; height: 180px; margin: 10px; padding: 20px; background: blue; border: 2px solid black; cursor: pointer; } p, span { font-size: 16pt; } button { margin: 5px; } </style> </head> <body> <p> Fading an Element</p> <div id="theDiv"> </div> <button id="fadein">Fade In</button> <button id="fadeout">Fade Out</button> <button id="fadeto3">Fade To .3</button> <button id="fadeup">Fade To 1.0</button> </body>

Old enough to know better but still to young to care. Andrea the smile faces to the right are broke.

I looked at your site on my android phone. What you need is called responsive web design. I have a small article on my site about it and a page you can navigate to to se it in action. The page uses jQuery. You do not have to use jQuery you can use media queries. They work like this. @media screen (min-width: 520px) and (max-width:699px) { code goes here} What you put in code goes here is css changes to make the site work the way that you want on each device. This is a vast subject. I could sit here and write for a few hours on it, but I put that little bit of code here for you know what you are looking for when Goggling responsive web design. This is just a little advice. I would put all of your css in one file, this helps speed up load time. Also the media queries will go at the bottom of your css. To get to my site to see what I am talking about the link is at the bottom in my signature. For font size points are for print. For web use em or px. An em is the size of the letter m in whatever font you are using. A px is well you know. Also and this is for ie in the body css put in a default font size using px. This is because ie can have problems when everything is in em's.

Try jQuery.com under documentation.

In the header get rid of the float right and place it with margin. You will have to play with just how much left and top on the h1 and same for the h2. August the font size of the h2 to get it on one line. You will see what I mean when you get rid of the float right. It should move the h tags all the way left then move them right and down with margin. I sent you a massage through the form