-
Posts
71 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by perryc
-
-
-
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
-
Yes you have unlimited domains from your one ipage account.
Thanks,
Cody
-
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
-
Hello i was wondering if anybody had a solution to fix my footer, i have it divided up into 3 divs across the bottom to layout the text and such correctly, but it does not want to expand to cover the entire bottom horizontally when i view it in the browser.
Heres the test site: http://www.perrysdesign.com/perrys_design
Any help is very much appreciated.
Thanks,
Cody Perry
-
Where is the folder you created for the site definition located? Documents, desktop, ect...
You also may just have to input the images folder in the file path manually, i have to do that occasionally in dreamweaver sometimes.
Thanks,
Cody Perry
-
Yes, that did it. Thank so much for your help Ben.
Thanks,
Cody Perry
-
yes here is the one i was following.
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
Thanks,
Cody Perry
-
Im having some trouble with getting the sticky footer right. If someone could help me fix this it would be very much appreciated.
Heres my HTML code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Perry's Design - Home</title>
<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="perrysdesign.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onload="MM_preloadImages('images/nav_bar_hover_01.png','images/nav_bar_hover_03.png','images/nav_bar_hover_10.png','images/nav_bar_hover_05.png','images/nav_bar_hover_07.png')">
<div id="header"></div>
<div id="wrapper">
<div id="nav"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/nav_bar_hover_01.png',1)"><img src="images/nav_bar_01.png" alt="Link to http://www.perrysdesign.com" name="Image1" width="151" height="56" border="0" id="Image1" /></a> <a href="pages/about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','images/nav_bar_hover_03.png',1)"><img src="images/nav_bar_03.png" alt="link to http://www.perrysdesign.com/about.html" name="Image2" width="151" height="56" border="0" id="Image2" /></a> <a href="pages/services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/nav_bar_hover_10.png',1)"><img src="images/nav_bar_05.png" alt="link to http://www.perrysdesign.com/services.html" name="Image3" width="151" height="56" border="0" id="Image3" /></a> <a href="pages/contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/nav_bar_hover_05.png',1)"><img src="images/nav_bar_07.png" alt="link to http://www.perrysdesign.com/contact.html" name="Image4" width="151" height="56" border="0" id="Image4" /></a> <a href="pages/portfolio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('portfolio','','images/nav_bar_hover_07.png',1)"><img src="images/nav_bar_09.png" alt="link to http://www.perrysdesign.com/portfolio.html" name="portfolio" width="152" height="56" border="0" id="portfolio" /></a></div>
<div id="content">Content</div>
</div>
<div class="push"></div>
<div id="footer">
<p><span class="footer_text"></span><span class="footer_text_left"></span>© Perry's Design 2011</p>
<p> </p>
<p> All rights reserved. No part of this publication may be reproduced in any material form or transmitted to any other person without </p>
<p>the prior written permission of Perry’s Design except as permitted under the Copyright Act of 1968 or unless expressly permitted in writing by Perry’s Design. </p>
</div>
</body>
</html>
Now here is my Reset CSS file:
@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: Arial, Helvetica, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
background-color: #FFFFF6;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
Finally here is my CSS file i have been working on:
@charset "UTF-8";
/* CSS Document */
#header { height: 150px;
background-color: #FFFFF6;
background-image: url(images/header.png);
background-repeat: no-repeat;
text-align: center;
background-position: center;
}
#nav { height: 100px;
margin-top: 30px;
background-color: #FFFFF6;
text-align: center;
}
#content {
height: 500px;
margin-top: 30px;
backgorund-color: #FFFFF6;
font-family: Arial, Helvetica, sans-serif;
}
#quote { height: 50px;
margin-top: 30px;
background-color: #FFFFF6;
}
.footer, .push { height: 4em;
}
#footer {
height: 100px;
margin-top: 30px;
background-color: #000000;
color: #FFFFFF;
font-size: 16px;
padding-top: 30px;
text-align: center;
}
.footer_text {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
.footer_text_left {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
#wrapper { width: 850px;
background-color: #FFFFF6;
margin: 0 auto -4em;
height: auto !important;
height: 100%;
}
a {
font-family: Arial Black, Gadget, sans-serif;
color: #000;
background-image: url(images/nav_bar_01.png);
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #309;
}
a:hover {
text-decoration: none;
color: #ff7b05;
}
a:active {
text-decoration: none;
color: #09F;
}
Thanks for your help,
Cody Perry
-
What do you mean "connect"? Having a user enter their enter their Xbox username and have your site automatically pull their data from the xbox live servers? Or just having a link from their username to their online profile (I don't use xbox live personally, but I'm assuming they have an online profile somewhere?)
You probably would need to use some sort of XBox Live API if you need to get data. You'd need to research this -- I'm not sure if Microsoft provides an API, but I imagine they do...? This might be helpful: http://bendodson.com/weblog/2009/05/12/getting-xbox-live-achievements-with-php-part-1-the-problems/
If you just want to link to their profile, it looks like that can be accessed like this: http://live.xbox.com/member/[username]. You'd just need to use PHP to echo out the correct link, with their username at the end.
Yes, im trying to get all the details before i start creating this site, I want their xbox live username and data on xbox live to connect with the website and export the xbox live data to my website and display that data on the website.
Thanks for the help.
Cody Perry
-
Hello everyone, i was just trying to get an idea of how to connect a Username on a website to a xbox box live username. I was wondering How you would go about accessing there servers to connect it like this. An example would be gamebattles.com.
Thanks for the help,
Cody Perry
-
Ok Thanks a lot ben, i appreciate it.
Thanks,
Cody Perry
-
I was wondering what the best way to promote your web design business would be, just trying to find different ways to promote to potential clients.
Thanks, for the comments.
Thanks,
Cody Perry
-
ya lol thanks, i went through the joomla wiki and finally found my answer. Im still not sure why i cant get the article title to go away when you first go to the website, But all the other pages i have been able to get rid of it, its just when i select the article to be featured.
Thanks,
Cody Perry
Fluid Responisve Images
in CSS
Posted
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.