goldfingerler
Members
-
Joined
-
Last visited
Everything posted by goldfingerler
-
hey all. i have begun working on www.changemyworkout.com. just for fun more then anything. hoping for a quick and smooth learning curve. anyways, i am starting with html and css, hoping to add some php and java later on. i was wondering if you all had any opinions on the layout. i have no graphics experience what so ever so i am making due with just being able to code. i am looking for a more professional looking text for the headers, perhaps some ideas for the pictures instead of having my own body as the muscle building placeholder thanks. peace and love. mike.
-
look great! i might change the top links to a blue more consistent with the site. just my two cents.
-
-
i had tried that earlier, i have it in now and as you can see it pulls down the whole div with it. i want it to move down but have the top stay the same color.
-
scratch that. theres gotta be a correct way to get the banner down 15 or 20px. what do you think?
-
nevermind. i cheated and just put a 15px div at the top with the same background color.
-
perfect. now im trying to get the banner down 10px, but when i try it brings the background with it. i just want the banner to shift 10px down within the top background. thanks again for the quick reply.
-
hey all. if you take a look at a site im working on, www.changemyworkout.com, im trying to have the div with color code #0066FF stretch the length of the body, adding 10 or 15 px to the top, right, and left. i cant seem to figure it out thanks in advance. peace and love. mike
-
yesss. i brought the styles out of the css folder. .banner{background-color:#0000CC;height:250px;width:800px;margin-right:auto;margin-left:auto;} .buttons{background-color:#FFFFFF;height:100px;width:800px;margin:0 auto;margin-top:20px;} .button1234{background-color:#0000CC;height:50px;width:800px;} .button1{background-color:#0099FF;height:40px;width:190px;float:left;margin-left:5px;margin-top:5px;} .button2{background-color:#0099FF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;} .button3{background-color:#0099FF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;} .button4{background-color:#0099FF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;} .button5678{background-color:#0000CC;height:50px;width:800px;} .button5{background-color:#FFFFFF;height:40px;width:190px;float:left;margin-left:5px;margin-top:5px;} .button6{background-color:#FFFFFF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;} .button7{background-color:#FFFFFF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;} .button8{background-color:#FFFFFF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;} .homecontent{background-color:#0000CC;height:700px;width:800px;margin:0 auto;margin-top:20px;} sooooo much cleaner, thanks for sticking with me everyone, i guess this is a nice welcoming to the life of a coder, i better get used to it
-
here is my index. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="css/styles.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Change My Workout</title> </head> <body style="background-color:#000000"> <div class="banner"><p>q</p></div> <div class="buttons" style="background-color:#FFFFFF;height:100px;width:800px;margin:0 auto;margin-top:20px;"> <div class="button1234" style="background-color:#0000CC;height:50px;width:800px;"> <div class="button1" style="background-color:#0099FF;height:40px;width:190px;float:left;margin-left:5px;margin-top:5px;"><img src="buttonbackground.jpg" /></div> <div class="button2" style="background-color:#0099FF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;"><img src="buttonbackground.jpg" /></div> <div class="button3" style="background-color:#0099FF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;"><img src="buttonbackground.jpg" /></div> <div class="button4" style="background-color:#0099FF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;"><img src="buttonbackground.jpg" /></div> </div> <div class="button5678" style="background-color:#0000CC;height:50px;width:800px;"> <div class="button5" style="background-color:#FFFFFF;height:40px;width:190px;float:left;margin-left:5px;margin-top:5px;"><img src="buttonbackground.jpg" /></div> <div class="button6" style="background-color:#FFFFFF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;"><img src="buttonbackground.jpg" /></div> <div class="button7" style="background-color:#FFFFFF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;"><img src="buttonbackground.jpg" /></div> <div class="button8" style="background-color:#FFFFFF;height:40px;width:190px;float:left;margin-left:10px;margin-top:5px;"><img src="buttonbackground.jpg" /></div> </div> </div> <div class="homecontent" style="background-color:#0000CC;height:700px;width:800px;margin:0 auto;margin-top:20px;"></div> </body> </html> here is my css. @charset "utf-8"; /* CSS Document */ .banner{ background-color:#0000CC; height:250px; width:800px; margin-right:auto; margin-left:auto; } the css file is names styles.css and its in a folder names css, so i don't know why the link is wrong. im putting this all out there now since i just haven't been able to figure it out, even with all the helpful replies. any reason why the banner won't show? the site is on www.changemyworkout.com thanks everyone.
-
<link href="css/styles.css" rel="stylesheet" type="text/css" />
-
perfect. thanks a lot.
-
still a no go. ive tried everything i can think of. right now i have a <p>q</p> inside the div banner, and as you can see the <p> is showing up on the site, but still no banner. i cant wait for this to be something really miniscule lol. thoughts? thanks.
-
what do you mean live example? im working on my site, www.changemyworkout.com, above the buttons should be a banner with the qualifications as specified in my css. when i put the styles straight into the index it works, but when i put it in css it doesnt seem to link. i cant figure it out :/
-
i'm trying to make something that looks like the attached file. i'm using buttons as the navigation for a site and i like this style, well just the top half i guess. i would like to be able to change the color as i see fit as well. it looks like it could be quickly done, i was wondering if you could shoot me a quick tutorial to make it happen. i would really appreciate it. thanks a lot. cheers. mike.
-
i have this in my heading. <link href="css/styles.css" rel="stylesheet" type="text/css" /> i have this in my css. .banner{background-color:#0000CC;height:250px;width:800px;margin-left:auto;margin-right:auto;} i have this in my index. <div class="banner"><p>q</p></div> the p is showing up on colorzilla, but no banner. i cant figure out y its not showing on the front end. thought? thanks.
-
i am having trouble linking my style sheet. @charset "utf-8"; /* CSS Document */ .banner{background-color:#0000CC;height:250px;width:800px;margin-left:auto;margin-right:auto;} this is my style sheet. <div class="banner"></div> the banner isn't showing up. any thoughts? thanks all.
-
thanks. <div class="button123" style="background-color:#0033FF;height:50px;width:800px;"> <div class="button1" style="background-color:#FFFFFF;height:30px;width:200px;padding:5px;margin-left:5px;margin-top:10px;"></div></div> i am trying to get the white button in the middle of the blue to move down 5px so its even on top bottom and left. i thought margin-top:5px would do it, but adding margin to the top doesn't move it down. any thought? thanks all. Cheers, Mike EDIT: nvm the top margin did work, guess it was my cache or something.
-
voila, margin right and left-auto worked like a charm. i added <link href="#" rel="stylesheet" type="text/css" /> after the heading tag, and have .banner {background-color:#FFFFFF;height:150px;width:750px;margin-left:auto;margin-right:auto;} in the style sheet, but its not working, thoughts? thanks for all the replies it helped me out a lot.
-
What's up Internet, I'm new to the forums and am looking to give and receive helpful advice on a new little venture. I started working for a friend of mine's web design firm working with databases and SQL, really just data entry. I never knew much about coding and graphics, but I always had a interest in web design. I picked up SQL quickly and had began learning HTML, CSS, and PHP on my own. Now I do full web development with them, although I still have a lot to learn, I'll call myself an advanced beginner. I am starting my own site for two reasons, I think it's a potentially great idea, and it's the best way for me to learn and put my experience to use. Plus the free hosting is nice Anyway, I'm here hoping to get the questions answered that make you not want to put up your hand in class. I am having trouble aligning a div. <div style="background-color:#FFFFFF;height:150px;width:750px;"></div>. It's still lining up on the left side. How do I link the css in the index? I want the index to pull the css file in so the whole page won't be filled with styles and floats and all that. Thanks a lot everybody. I look forward to becoming a contributor and student on these forums. Cheers, Mike
