grabenair
-
Posts
338 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Everything posted by grabenair
-
Here is a better way to clear floats then the way we are used to. /*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/ /* For modern browsers */ .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .cf { zoom:1; } Just add the .cf class to anything that needs clearing. You can copy and paste all this in your css and done.
-
As LSW said it is a personal preference. My preference is WordPress. Yes it started as a blogging system. But through the years it has become a lot more. You can build robust e-commerce sites and just about any other kind of site that you want. The learning curve is much smaller. There are less steps for making pages. It is a lot easier to teach a client how to update content. When I use Wordpress I most often only have to show the client how to only a couple of times. When I used to use Joomla I would have to constantly go back and show the client how to do things. I used to give a year of free teaching and because of Joomla I shortened it to 6 months. But remember this is just my opinion.
-
I have the same problem with choosing colors. Here is where I go for help with this http://colorschemedesigner.com/ also https://kuler.adobe.com/#themes/rating?time=30 These are two sites that help with color choices.
-
<html><head><meta charset="UTF-8"><title>MidWest Web Design Studio</title><link href="[url="http://midwestwebdesignstudio.com/_css/style.css"]_css/style.css[/url]" rel="stylesheet" type="text/css"><!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <meta name="keywords" content="web designer, web developer, web design company," /><meta name="description" content="The place for all of your web design and development needs." /></head> The above here is from Copying and pasting from the Crome view source. The formatting changes after posting and get the [ ] I think this is also an Andrea's problem. Just thought I would try the view source to see what would happen. It is weird that it is only DWcs6 and view source. I never had the problem with DWcs4 or any other code editor. I was using notepad++ for the last couple of years until I went back to college to get my pedigree. Part of the college I am attending is you get a MacBook pro and an Adobe premier package (not free lol) so I am now using DW again sometimes to write code.
-
I still am not sure. I went and played with your site and used Chrome and turned off all of your body rules in your css and I did not get a scroll bar until I got down to tablet size. Which was acutely smaller view port then with it, meaning I got the scroll bar quicker with the body css then without it. Although I did not have Andrea's problem. I do believe what you are trying to do with your site is making it responsive. If this is the case I think that if you used media queries you would have better luck and would have no scroll bars at any size. I could be wrong on this although. Also just for you know, not trying to argue just understand.
-
I agree with Andrea, looks like homework. My advice if this is homework first google css and put what you are looking for with it like (what is the declaration of css code) or something like that. For questions 2 and 3 I would put the code in a code editor and see what happens. If you want to and I would because I am kinda of a smartbutt, I would point out to the instructor that the code (font-size:18pt) is wrong. It should be % or em or px the pt is points and is used for print not the web.
-
Only after I post and then view the post to double check it. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>HTML</title> <meta name="description" content="" /> <meta name="author" content="Robert Bonner" /> <meta name="viewport" content="width=device-width; initial-scale=1.0" /> <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references --> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="apple-touch-icon" href="/apple-touch-icon.png" /> </head> The above is from AptanaStudio3 just to see what would happen. So I guess the problem I am having is different then Andrea's I just have a problem with DWcs6
-
Ok I tried this I put a border and a top and left margin on the above code. Here is what happened I did get a box 200px by 200px in the upper left viewport but the whole viewport was still red. And it did not matter if I resize the viewport after I put a margin on it to move it down and left.
-
Hay Ben it happened again and this time I can tell you it is when I copied from DW6. It is in the web site display topic.
-
I just wrote this [size=2]body{[/size] [size=2]width:200px;[/size] height:200px; [size=2]background-color:red;[/size] [size=2]}[/size] Just to see what would happen. Nothing except that my viewport was red. Please ignore the weird size thing.
-
FYI 960 grid has nothing to do with making a site mobile, it is just a way to lay out your site. Do what LSW said. Also what you are looking for is media queries check it out here http://css-tricks.co...-media-queries/ But put them at the bottom of your style sheet this will make load times better as it is less calls to the server.
-
You can do as above. But a better way is to have an image for the desktop and one in another size for mobile. Then use media queries to put in the image you want for each. This way your mobile site is not unnecessarily loading a large img making the site load slow.
-
This is just my preference. I do not use % as it is a pain to get everything right. I start with a wrapper div at 1000px. Why 1000px because it is easy math. What is the wrapper div? It is the container that holds all of the elemintents in your html like something like this. <div id="wrapper"></div> <div id="header"> header stuff here </div><!--end header--> <div id="mainNav">nav here </div><!--end mainNav--> <div id="mainContent"> main content here </div><!--end mainContent--> <div id="footer"> footer stuff </div><!--end footer--> </div><!--end wrapper--> The css #wrapper { margin:0 auto; /*centers in browser*/ width:1000px; } #header{ what ever you need } and so on Notice that there is no height. This is because the content will set the height. I would not worry about the space outside of the content of the website, meaning the background of the computer window. This will change on every size of computer. You will have less on a 15in monitor and more on a 25in monitor. Just the way of websites. Again this is just my way.
-
Here this will explain it better then I can. http://php.net/manual/en/function.date-default-timezone-set.php
-
Thought some might be interested that the html5 tag hgroup is going away. Story here http://www.sitepoint.com/html5-hgroup-element-dropped/?utm_medium=email&utm_campaign=SitePoint+Newsletter+April+25+2013&utm_content=SitePoint+Newsletter+April+25+2013+CID_c2014b7ec7a7a73ee803bf3d2666e406&utm_source=Newsletter&utm_term=More
-
I did not take a long look. But remember the advice I gave you. This should be h4.footer-header h4 .footer-header notice the space. Do not know what it is for I just noticed the space. If you would have the tut and your code side by side, as I suggested, it makes these typos easy to find.
-
Where Is A Good Place To Find Real Work Exp?
grabenair replied to BadMango's topic in Beginners Web Design
Turning a PSD into html ans css is a vey good start. But be careful there are a lot of things like drop shadows, rounded corners that you can do with css now that you do not need Photoshop for. Any time you can use CSS to get the effect that you made in PS the faster your page will load. With that said, you can try chuches. If they do not have a web site talk to them and tell are just starting out and will build them a site for free. Make sure you pick a web host that lets you have unlimited sub domains. This way you can also tell them that you will host them for free also. Buy their domain for them for the first year also. Go to Goggle and do a search for godaddy cupons. You will find that you can get the first year dirt cheep. This a start. For more practice I would suggest that you surf the web and find web sites that you like and try to copy them, this is a good way to learn. -
I basically do what Eric does. I just have a sub domain called testing. Just a different name. Then to add to what Eric said what you do is tell your client to go here to see there site until it goes live. Something like http: //www.whateveryourdomainis/nameoffolderorsubdomin
-
Well I do not generally respond to an old post. But sense this was brought to the top again I went and checked out the like to the site RachelleY was having problems with to see how she fixed it. And am writing this incase she is watching this. Just wanted to say good job on the responsive site!! It looks awesome on my phone.
-
The NaN is not a number just what the developer used for easy reference. You could put anything you wanted here. He used NaN for the stament because it made sense in the code. What I mean is when you name your functions, variables or even your id's and classes just do not make something up. Name them something that goes with what you are doing. Who ever wrote this code wanted to make sure that you are inputting an integer and not a letter or something like a %,*, extra. The var txt, the txt is the name of the variable(var). Just like the function it is just the name of the var for you can call it later. The \n is a new line. I am going to be like my instructor here and say with the above info that I just gave you. You should be abel to come up with the answer to your last question. But if not let me know. The on click means when an user clicks on the button. You could use other events such as hover.
-
I am like Ben in one of your last post, confused. You are following along with a well written tutorial. So my questions are. Are you modifying the code before you make it work as intended? Are you formatting the code to make it easy to read? Are you checking for typos. Typos is the biggest problem that I have when trying to self teach myself a new coding language. Something that will help, if you have two monitors put the tutorial on one monitor and your code editor on the other. If not just make two windows side by side for you can see what you have written and make sure it matches the tutorial code. If you are trying to edit the tutorial code, do not. Make the site work the way that it is intended then go back and try to make some changes to experiment and learn. Do not get me wrong glad to help. In these situations what I do is look at your code and look at the tutorial code and find your mistake. But as Andrea said a link to your work is by far better and much easer then creating a site. Depending on your web host you should be abel to make what is called a sub domain. Mine lets me make unlimited ones. Good for checking code live and you can host your clients also.
-
I would not call it a work around. But the way that I learned is to build the site to work with out javascript then add javascript to get the functionality that you want. This way your site will degrade gracefully to older browsers and to ones with javascript disabled. That is way I would use tab panels in your case. In older browsers and ones with out javascript enabled your site will look fine. Then you can add javascript/jQuery to get the effects that you want. Anyway this is my personal work flow.
-
Awesome
-
My bad I forgot to check the date.
-
You might try making a tabbed panel for the links with css. If the user has javascript disabled they will not be abel to nav your site. Check it out here http://css-tricks.com/css3-tabs/
