pellothed
Feb-13-2006, 09:55 AM
Well, up to this point I've stolen code and managed to make it work, basically through trial and error. So, when I ask questions, keep this in mind as anything but babytalk is over my head. I have absolutely no experience with this stuff even though I have customized my site to an extent. Here are my questions:
I recently added a navigation bar under my header image, and it has worked great until I installed the Firefox Web Dev application (or whatever you call it), now my navbar shows up under my bio box in Firefox. Here is everything associated with the Navbar:
CSS:
#menu1 {
width:408px;
padding:0;
margin:0 auto;
list-style-type:none;
}
#menu1 li {
float:left;
width:100px;
border:1px solid #fff;
}
#menu1 a {
display:block;
width:100px;
color:#fff;
background:#2b393f;
text-align:center;
padding:4px 0;
text-decoration:none;
float:left;
}
#menu1 a:hover {
color:#fff;
background:#d4d4d4;
}
HTML:
<ul id="menu1">
<li><a href="<A href="http://www.tonyedwardsphotography.com/Portfolio">Portfolio</a></li">http://www.tonyedwardsphotography.com/Portfolio">Portfolio</a></li>
<li><a href="<A href="http://tonyedwards.smugmug.com/Galleries">Galleries</a></li">http://tonyedwards.smugmug.com/Galleries">Galleries</a></li>
<li><a href="<A href="http://tonyedwards.smugmug.com/gallery/1193689">Information</a></li">http://tonyedwards.smugmug.com/gallery/1193689">Information</a></li>
<li><a href="<A href="http://www.tonyedwardsphotography.com/">Contact</a></li">http://www.tonyedwardsphotography.com/">Contact</a></li>
</ul>
Second question:
I'd like to create a single image homepage. I found this and customized it to my use but I can't figure out what I'm doing wrong, I get a box with a red X in it instead of the image:
CSS:
#homepage {display:none;}
.loggedIn #homepage {display:block;}
#homeImg,
.loggedIn.homepage #homeImg {display:none;}
.homepage #homeImg {display:block;}
Header HTML:
<div id="homeImg"><img src="http://www.tonyedwardsphotography.com/gallery/942272/4/55082294"/></div>
Actually I'm waiting on the tutorial on how to create a slideshow on the homepage, but in the meantime, I'd like to figure this out to clean up the page and add a level of professionalism that my site is lacking. As I stated above, when you say head tags, closing tags, opening tags, id's, any of this most basic stuff, I don't have any idea what your talking about. The only way my sight works is due to trial and error, and at the moment I've got an error that I can't figure out.
I recently added a navigation bar under my header image, and it has worked great until I installed the Firefox Web Dev application (or whatever you call it), now my navbar shows up under my bio box in Firefox. Here is everything associated with the Navbar:
CSS:
#menu1 {
width:408px;
padding:0;
margin:0 auto;
list-style-type:none;
}
#menu1 li {
float:left;
width:100px;
border:1px solid #fff;
}
#menu1 a {
display:block;
width:100px;
color:#fff;
background:#2b393f;
text-align:center;
padding:4px 0;
text-decoration:none;
float:left;
}
#menu1 a:hover {
color:#fff;
background:#d4d4d4;
}
HTML:
<ul id="menu1">
<li><a href="<A href="http://www.tonyedwardsphotography.com/Portfolio">Portfolio</a></li">http://www.tonyedwardsphotography.com/Portfolio">Portfolio</a></li>
<li><a href="<A href="http://tonyedwards.smugmug.com/Galleries">Galleries</a></li">http://tonyedwards.smugmug.com/Galleries">Galleries</a></li>
<li><a href="<A href="http://tonyedwards.smugmug.com/gallery/1193689">Information</a></li">http://tonyedwards.smugmug.com/gallery/1193689">Information</a></li>
<li><a href="<A href="http://www.tonyedwardsphotography.com/">Contact</a></li">http://www.tonyedwardsphotography.com/">Contact</a></li>
</ul>
Second question:
I'd like to create a single image homepage. I found this and customized it to my use but I can't figure out what I'm doing wrong, I get a box with a red X in it instead of the image:
CSS:
#homepage {display:none;}
.loggedIn #homepage {display:block;}
#homeImg,
.loggedIn.homepage #homeImg {display:none;}
.homepage #homeImg {display:block;}
Header HTML:
<div id="homeImg"><img src="http://www.tonyedwardsphotography.com/gallery/942272/4/55082294"/></div>
Actually I'm waiting on the tutorial on how to create a slideshow on the homepage, but in the meantime, I'd like to figure this out to clean up the page and add a level of professionalism that my site is lacking. As I stated above, when you say head tags, closing tags, opening tags, id's, any of this most basic stuff, I don't have any idea what your talking about. The only way my sight works is due to trial and error, and at the moment I've got an error that I can't figure out.