B/G Img Repeat - Post ID 205672

User 2924428 Photo


Registered User
1,718 posts

Hey guys, I have a couple of questions, if you visit craigjuddpinstriping.net and visit the about page, you'll notice in the footer section the backround image repeats instead of just staying the same image, or allowing me to make the color #000000. How do I go about changing this?
Second, I have some images cropped out and want to use them in the style of my webpage, when creating a new class, such as a div, where should I place my images under? How many can I use on one page?
Again sorry to push these questions on your guys, I know your busy but i'm still a complete noob!
User 187934 Photo


Senior Advisor
20,267 posts
Online Now

Max take a look at your source code dude. FX will give you hints because problems are in red. Looks like you have a section and your header intertwined.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

Eric i'm going over it as we speak and I still can't seem to find it.. I have my headers and sections the way they should be =
<header>
<section id="mainRight" class="clear">

<nav>
<ul>
<li><a href="index.html" class="selected">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="pics.html">Artwork</a><li>
</ul>
</nav>
</section>
</header>


Thats my menu, but in the footer it's just this code..

<footer>
<h5 id="signature">Craig Judd Pinstriping V 1.0</h5>
<p>&copy; 2013 MBR Designs, Inc. All rights reserved.</p>
<ul>
<li><a href="index.html" class="selected">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="pics.html">Artwork</a><li>
</ul>
</footer>


How can I get a simple footer, color #000000 , with a couple text lines on it? I'm not sure ..
User 187934 Photo


Senior Advisor
20,267 posts
Online Now

<footer>A couple <br>of text lines</footer>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,267 posts
Online Now

CSS
footer{
background-color:#000;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

Eric, it's showing my site different now than before, it's kinda messy but have a look..
http://www.craigjuddpinstriping.net/about.html


Followed by my footer code, there is something i'm missing cause the about just scrambled and created a mess..


footer {
clear: both;
padding-top: 0px;
margin-top: 0px;
height: 0px;
width: 0px;
border: none;
}

footer p {
float: left;
margin-left: 0px;
font-size: 0.8em;
color: #000000;
border: none;
}

footer ul {
float: right;
list-style: none;
width: 0px;
padding-top: 0px;
text-align: right;
margin-right: 0px;
border: none;
}

footer{
background-color:#000;
}

footer ul li {
display: inline;
margin: 0 3px;
border: none;
}

footer ul li a {
font-size: 0.9em;
color: #ED2D24;
}

footer ul li a:hover {
color: #00A99D;
}
User 187934 Photo


Senior Advisor
20,267 posts
Online Now

It's in the HTML. Look at your source code.;)
Did you run the validation on your page?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

I actually forgot the site to validate :( And I think I messed up the footer CSS.. the words are just showing up stacked now..
User 2924428 Photo


Registered User
1,718 posts

If there is one of the many things I can't remember it's sequence, do the header tags go inside the section tags or reverse? It completely messes up my css style moving banners and the menu is hammered down, I don't get it :*(
User 2924428 Photo


Registered User
1,718 posts

found it, it didn't need <header> tags at all.. i'm confused lol. My menu has sunk down though again, so i'm going to see whats wrong with that again .. thanks for helping Eric!! :D

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.