perryc
-
Posts
71 -
Joined
-
Last visited
Recent Profile Visitors
14,483 profile views
perryc's Achievements
Newbie (1/14)
0
Reputation
-
Is there a way to make an image responsive/fluid so it scales correctly while the image is absolute positioned? i'm using max-width: 100%; property to scale the other images on the page? But can't get this one without removing the positioning. Thanks.
-
Screen shot of issue.
-
I have attached a screenshot of the error that is occouring for me. Thanks.
-
Hello, Im trying to put a 10px white solid border around an image that i inserted into my home page. I'm using relative positioning to get the image where i want it. But the border does not apply around the image on the right and bottom? Is there something else i have to do to set the border correctly?
-
Removing those closing img tags appears to have fixed the issue. Thanks for you help.
-
Heres my HTML <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="css/normalize.css"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link href='http://fonts.googleapis.com/css?family=Handlee|Petit+Formal+Script' rel='stylesheet' type='text/css'> <title>Beckahs World | My Phitness Blog</title> </head> <body> <header> <div><img src="" alt="Beckahs World Logo"></img></div> <div class="headline"><img src="images/headline.png" alt="Beckahs World Headline"></img><div> </header> <!--Nav --> <nav class="nav"> <div id="nav_float"><ul> <a href="about.html"><li>About</li></a> <a href="blog.html"><li>Blog</li></a> <a href="index.html"><li>Home</li></a> </ul></div> </nav> <!--Main intro to page --> <div id="wrapper"> <section> <h1> My Journey</h1> <div id="image_float_left"><img src="" alt="My image"></img><div> <div class="container"><p>Hi I am Beckah I am a 39 years old a Wife and Mom. All of my life I have be battling my weight. In 2006 I took the steps to fight the battle head on with gastric bypass. No that did not fix my weight problems but it was a great tool to get me in the right direction. It was not until 2013 and Meeting my trainer G that I had the right combo of Food, Exercise and Life!!! My blog is a way for me to share my journey in life, health, fitness..... </p><div></section> </div> <!-- Footer of page--> <footer id="footer"> <a href="http://beckahsworld.com">© Beckahs World 2014 | All Rights Reserved.</a> <a href="https://twitter.com/Beckah29"><img src="images/twitter.png" alt="Visit Beckah on Facebook.com!"></img></a> <a href="https://www.facebook.com/rebecca.m.henning?fref=ts"><img src="images/facebook.png" alt="Follow Beckah's Journey on Twitter!"></img></a> </footer> Here's the CSS /*Main selector*/ * { padding: 0px; margin: 0; } body { background-image: url("../images/witewall_3.png"); background-repeat: repeat; } img { padding: 0 15px 10px 0; } /*Main text styling*/ p { font-family: 'Handlee', Times New Roman; font-size: 1.2em; } .intro { font-family: 'Handlee', Times New Roman; width: 350px; } h1,h2,h3 { font-family: 'Petit Formal Script', Times New Roman; } section h1 { float: right; clear: left; } /*Main Nav styling */ nav ul li { display: inline-block; float: right; clear: left; font-size: 1.6em; font-family: 'Handlee', Times New Roman; padding: 12px; font-weight: bold; } .nav { height: 35px; list-style: none; } /*Footer*/ #footer { text-align: center; clear: left; height: 100px; width: 100%; background-color: #000; position: absolute; bottom: 0; overflow: hidden; } #footer a { padding: 15px 0 0 0; color: pink; vertical-align: middle; font-family: 'Handlee', Times New Roman; font-size: 1.1em; } footer img { float: right; height: 85px; padding: 10px; } #image_float_left { float: left; } /*Centers the page content*/ #wrapper { width: 960px; margin: 0 auto; } /* Link Styles */ a:link { text-decoration: none; } section div img { float: left; width: 35%; } section div p { float: right; width: 55%; } header { height: 150px; width: 100%; } .headline { float: right; padding: 5px 50px; clear: left; } #nav_float { float: right; position: relative; } I tried to post my screenshot of the design so far, but i was not able to.
-
I'm trying to float or position the Nav bar to the right side of the screen, When i add that header image it moves my nav bar either to the left or changes it back to stack it like an generic unordered list. I have been using floats and clears to get it positioned correctly? Is there something else im missing?
-
ok, for some reason i thought the rule was different for that. Good to know from this point on. Thanks.
-
Once i added ../images/witewall.png i got the image to show up. I was thinking i didn't need the ../ for the file path since it was located in the images folder? So anytime you go up a level in paths do you have to include the ../ before the files path? Thanks for the help.
-
What im trying to get is: body { background-image: url("images/witewall.png"); background-repeat: repeat; } I want the background image to show and repeat over the whole page of the body element. I havent been able to get it to show so far? Is there something i'm missing?
-
My opinion would be to go to college, but develop you own perceptions regrading Designs and Ideas. It's best if you put effort outside of class on your own and teach yourself as a supplement to what you will learn in college. Thanks, Cody
-
Looking to start building small business websites.
perryc replied to jordanball33's topic in Beginners Web Design
Yes you have unlimited domains from your one ipage account. Thanks, Cody -
Looking to start building small business websites.
perryc replied to jordanball33's topic in Beginners Web Design
I use ipage.com for all of my hosting services. They are great there, had them for about 6-8 months before i did not have the money to renew my hosting. Thanks, Cody -
My bad that was a stupid question i got it now. Thanks for all your help both of you. I fixed all those line breaks and empty <p></p> tags as well. Thanks, Cody Perry
-
Thanks for the help. One more question, once i set all of those to 33% how would i get the center one to be in the center, the left div to be on the left and the right div to be on the right like all on the same line and such so the text will line up together? Thanks, Cody Perry
