xxnonamexx
-
Posts
15 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by xxnonamexx
-
-
-
it worked I am trying to upload it to ftp but im having trouble getting the images folder to upload. Thanks
-
correct I have the layout you mentioned. I have a Godaddy account with a website I did in Dreamweaver but I need to see how I can upload this to my ftp.
If you have tried it with and without the / in front of images, and you still don't see the image, make sure there are no typos in the file name. Also note that the file name is case sensitive. So in this situation, as I understand, you have this layout:
test (folder)
.....index.html
.....nonome.css
.....images (folder)
..........logo82.jpg
..........grass.jpg
..........sports_page.jpg
-
yes I will try to get it up online. sorry about that. <img src="/images/logo82.jpg"/></div> I tried this in the html and no dice. That is the correct code right. the picture shows a broken image so something si wrong with the linking I beliveve.
-
So I did it now my html looks like:
<!DOCTYPE html>
<html>
<head>
<title>Fantasy Defense Insurance</title>
<link rel=stylesheet type="text/css" href="noname.css">
</head>
<body>
<div id="container">
<div id="header">
<img src="images/logo82.jpg" /></div>
<div id="content">
<p>Fantasy Defense Insurance offers defense against injuries to your most valuable fantasy possessions – your players. From sprained ankles to concussions, and everything in between, Fantasy Defense Insurance is what you need to safeguard your investment and ensure you have the best opportunity to win.</p>
<h2>REASONS TO USE FANTASY DEFENSE INSURANCE:</h2>
<p>Just as you safeguard your family, your house, and your car with protection services, you must do the same for you fantasy squad. As hard as it is to drive a broken car, it is equally difficult to win your fantasy league with injured players. You want to win; we want to ensure you have the best possible chance to win. No other company or service can give you the same level of security you receive with Fantasy Defense Insurance. We insure all of your players. Don’t take chances – protect your investment.</p>
<p>Fantasy Defense Insurance is a service you purchase to protect your fantasy players, and investment, from injury. Once protection is purchased for a player, you and your TOTAL fantasy investment are guaranteed for the season. If your protected player becomes injured and misses the specified number of games, FDI will send you a check to reimburse you for your FULL INVESTMENT!</p>
</div>
</div>
</body>
</html>
My CSS;
* {
margin: 0;
padding: 0;
border: 0;
body {
background: url('images/grass.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#container {
width: 771px;
margin: 0 auto;
border-bottom: #adde63 solid 1px;
}
#header {
background: white;
}
#content {
background: url('images/sports_page.jpg') no-repeat;
padding-top: 170px;
height: 850px;
}
Attached is how my foler looks and it still doesn't open.
-
I have a folder called test then inside that I have index and noname.css files and also an images folder with the grass, logo82, sportspage images. Where/how in the css would I place the images
what does url represent is that a default should I have /images in place of that since that is where my image is in? Thanks
}
#content {
background: url('sports_page.jpg') no-repeat;
padding-top: 170px;
height: 850px;
}
-
Yes I need to find a way to upload it but what I did was download your code and corrected your comments and added a header logo to the top of the page the html, css is in a folder called test and in the test folder is a folder images. The css images of grass and sports page do not show and thats what I am lost.
I can't say what you're missing without seeing what you have. If you suspect it's a path issue, that is easy to figure out - just see where your image is and check if the path matches. If you're having issues taking stuff of my page - note that I have all images and the CSS in the same folder as the html. If yours are in different folders, you'll have to update the path.
Try to find a way to upload the page you're working on, helping you would be so much more efficient.
-
I added the image in html as you suggested. My issue now is I think it's not linking correctly to my images for example the background and sports page image is missing and I think it has to do with not finding the images in my folder. What is the correct link that I am missing.
-
Hi Thanks-
If I want to place the logo in the header section how would I place it in css? Do I place it as body {background-image:url('logo82.jpg');} I know in html it is usually <img src="images/logo82.jpg" />
but in css how do I place an image that is in my images folder in css?
From what I have been reading there should be a container which covers the entire webpage area is that what #container does.
If I want to add a footer is that just another div that I need to add? If I want to place some space on the sides of the text I add padding to the content area. I am going to adjust the sports page image size I didn't realize how huge it is. Especially in IE9 compared to Chrome.
I appreciate all of your help in assisting me to understand. I read so much but it just doesn't register correctly. Thanks again I appreciate you taking some time out to assist a newbie.
-
I will try that I am still having trouble. Thanks
-
Thanks for your help I will look into that. I went through the ones on learnwebcode.com website already but I will give this a shot as well the more the better. I understand CSS is styling and HTML is more or less the content.
If I have the sports page image in css along with the background image where how would I get text to go on top of the sports page image? I might just use the headline and make a gray box under the headline.
It's hard to help specifically without all the pieces available. However, if you use a big image (the Sports Page picture) you run into trouble when the content is more than fits on there. There are better ways to do this.
Overall, understanding stylesheets is essential if you want to learn how to code yourself. For example, a background image really belongs into the CSS not the HTML. Actually, pretty much ALL styling should be in an external stylesheet (a couple exceptions).
You may want to follow the numbered steps in the top navigation on this site to give you the basic idea:
-
I don't have the site uploaded yet. But here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>Insurance</title>
<head></head>
<body background="images\grass.jpg">
<img src="images/logo82.jpg" />
<div class="image">
<img src="images/sports_page.jpg" />
<h2> Text Here </h2>
</body>
</html>
my CSS:
img {
position: relative;
}
h2 {
position: absolute;
z-index: 1
}
I also attached a snapshot of what it looks like. I am having trouble placing text on the Sports page image and also centering the images to fit the web page. Any help greatly appreciated. I am a newbie and trying to get away from Dreamweaver and learning from scratch. I know the sports page image I need to do some work to remove the grey border in photoshop.
I'm assuming you are talking about these 2 lines:
If that is correct, you'll need this CSS - just add positioning info
img { position: relative; } h2 { position: absolute; z-index: 1 }If you have the page uploaded somewhere so I can see your code and if you let me know exactly where you want what, I can help you more specifically.
Just be aware that whatever you apply to img will refer to all the images on your site. You may want to add a class or ID to this one and apply the css to it specifially.
-
I am just trying to figure it out. Does that mean according to the site you sent me:
Does that mean I need to add to my html:
<img id="image" src="logo.jpg" alt="header">
<h1>My Content goes here</h1>
and to CSS:
h1 {
position: absolute;
top: 100px;
left: 100px;
}
#logo {
position: relative;
top: 50px;
left: -50px;
as an example? For some reason this site seems a little confusing. Thanks
-
Hi I have my website set with the images but I am looking to place text over an image.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>Insurance</title>
<head></head>
<body background="images\grass.jpg">
<img src="images/logo82.jpg" />
<div class="image">
<img src="images/sports_page.jpg" />
<h2> Text Here</h2>
</body>
</html>
I think I need to add a CSS but not sure how to write it to have text placed over the sports_page.jpg image.
Placing Text Over An Image?
in Beginners Web Design
Posted
Thanks I will be going on a cruise for the week. When I return I will take a look. Thanks for all of your help. I have to do something about the grass image to reduce it.