BrandonE97
-
Posts
103 -
Joined
-
Last visited
Never
Everything posted by BrandonE97
-
K, I'll read up some more and keep working on it. Thanks for your help.
-
I do need it below all the content. I love the link you posted though. The sticky footer is nice and I may use it someday when needed. When I removed all relative and absolute positioning the footers images moved to the top of the screen. Do you have an example I could go by? Thanks.
-
Any help... please. Would be appreciated.
-
Ive been trying to get the footer to always be at the bottom of the content. Can anyone give me some help in getting my code fixed to do that. Thanks for all the help so far and hopefully I can learn how to get this fixed.
-
Should they be changed to something else? Removing them didnt fix the problem. Just moved all the images to the top of the screen. Changing them all to relative didnt work either.
-
Here is the test page http://www.brandone97.com/theme/ice3/ Here is a screenshot of what I get. http://www.brandone97.com/theme/ice3/screencap.jpg
-
Ive tried everything I know to do and cant figure it out. The footer of the page stays attached to the bottom of the browser window no matter what browser I use which is probably a good thing cause it means Im just doing something simple wrong and cant figure it out. Please help and Thank you. @charset "utf-8"; /* CSS Document */ body { font-family:"Times New Roman", Times, serif; font-size:18px; color:#000000; background-color:#000066; cursor:url("/theme/ice3/images/blue.cur"), default; } #body { position:absolute; vertical-align:top; display:inline-block; width:586px; height:auto; top:130px; left:275px; } #nav { position:absolute; display:inline-block; width:155px; height:auto; top:135px; left:75px; } #toplefta { position:absolute; background-image:url("images/toplefta.png"); background-repeat:no-repeat; height:100px; width:48px; top:10px; left:10px; } #topleftb { position:absolute; background-image:url("images/topleftb.png"); background-repeat:repeat-x; height:100px; width:185px; top:0px; left:48px; } #topleftc { position:absolute; background-image:url("images/topleftc.png"); background-repeat:no-repeat; height:100px; width:46px; top:0px; left:185px; } #topdiv { position:absolute; background-image:url("images/topdiv.png"); background-repeat:no-repeat; height:63px; width:9px; top:0px; left:46px; } #toprighta { position:absolute; background-image:url("images/toprighta.png"); background-repeat:repeat-x; height:63px; width:550px; top:0px; left:9px; font-size:42px; color:#CCCCCC; text-align:center; } #toprightb { position:absolute; background-image:url("images/toprightb.png"); background-repeat:no-repeat; height:63px; width:58px; top:0px; left:550px; } #bottomlefta { position:absolute; background-image:url("images/bottomlefta.png"); background-repeat:no-repeat; height:100px; width:48px; bottom:5px; left:10px; } #bottomleftb { position:absolute; background-image:url("images/bottomleftb.png"); background-repeat:repeat-x; height:100px; width:185px; bottom:0px; left:48px; } #bottomleftc { position:absolute; background-image:url("images/bottomleftc.png"); background-repeat:no-repeat; height:100px; width:46px; bottom:0px; left:185px; } #bottomdiv { position:absolute; background-image:url("images/bottomdiv.png"); background-repeat:no-repeat; height:63px; width:9px; top:37px; left:46px; } #bottomrighta { position:absolute; display:block; background-image:url("images/bottomrighta.png"); background-repeat:repeat-x; height:63px; width:550px; top:0px; left:9px; font-size:14px; color:#CCCCCC; text-align:center; font-weight:bold; } #bottomrightb { position:absolute; background-image:url("images/bottomrightb.png"); background-repeat:no-repeat; height:63px; width:58px; top:0px; left:550px; } <body> <div id="toplefta"> <div id="topleftb"> <div id="topleftc"> <div id="topdiv"> <div id="toprighta">BrandonE97 <div id="toprightb"> </div> </div></div></div></div></div> <div> <table cellpadding="0" cellspacing="0" id="nav"> <tr><td><a id="navHome" href="/index.BE97"><span>Home</span></a></td></tr> <tr><td><a id="navWritings" href="/writings/"><span>Writings</span ></a></td></tr> <tr><td><a id="navVideos" href="/media/"><span>Videos</span></a></td></tr> <tr><td><a id="navGuestbook" href="/guestbook/"><span>Guestbook</span></a></td></tr> <tr><td><a id="navLinks" href="/links.php"><span>Links</span></a></td></tr> <tr><td><a id="navInfo" href="/info/"><span>Info</span></a></td></tr> <tr><td><span class="grey18">SubNav System:</span><br /> <a href="/info/contact.php" class="subnav">Contact Me</a><br /> <a href="/blog.php" class="subnav">Blog Archive</a><br /> <a href="/info/ip.php" class="subnav">IP Address</a><br /> <a href="/rss/" class="subnav">RSS Page</a><br /> <a href="/writings/sta.php" class="subnav">STA Archive</a></td></tr> </table> <table cellpadding="0" cellspacing="0" id="body"> <tr><td id="boxtl"></td><td class="boxt"></td><td id="boxtr"></td></tr><tr><td id="boxl"></td><td id="boxbody"> <span>Title of post - Monday, 24th of August 2009</span> <hr class="hr" /> <p class="center"><img src="/images/futurama.jpg" alt="Image" /><br />The start of Content!</p> <p class="left">My blog entry. Talking about my day, week, month. Whenever I update and how much I have to talk about. Talk about my family, friends, events, etc... Maybe have an image. Usualy something funny!!!<br />Next paragraph. More talking as usual. Maybe talk about playing World of Warcraft or updating the website. Yadda Yadda Yadda. Had enough of me talking? too bad, my site and its all about me hahaha.</p> <p class="center">The sad end of content...</p> </td><td id="boxr"></td></tr><tr><td id="boxbl"></td><td class="boxb"></td><td id="boxbr"></td></tr> <tr><td></td><td id="boxfoot"> <a href="http://www.php.net/" target="_blank"> <img src="/images/php-powered.gif" alt="PHP Powered" width="80" height="15" /></a> <a href="http://validator.w3.org/check/referer" target="_blank"> <img src="/images/xhtml11.png" alt="XHTML 1.0" width="80" height="15" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"> <img src="/images/css21.png" alt="CSS2" width="80" height="15" /></a> <a href="http://www.brandone97.com/rss/BE97rss.xml" target="_blank"> <img src="/images/rss.png" alt="RSS 2.0" width="80" height="15" /></a> <a href="http://www.firefox.com/" target="_blank"> <img src="/images/firefox.png" alt="Firefox" width="80" height="15" /></a><br /> <span class="grey18">Visitors:</span><br /> <span class="blue">20420</span><br /> <span class="grey18">Site Version:</span><br /> <span class="blue">3.1.0.0</span></td><td></td> </tr> </table> </div> <div id="advert"> Averts here </div> <div id="bottomlefta"> <div id="bottomleftb"> <div id="bottomleftc"> <div id="bottomdiv"> <div id="bottomrighta"> <p id="txtlinks"> <a href="">Home</a> - <a href="">Writings</a> - <a href="">Videos</a> - <a href="">Guestbook</a> - <a href="">Links</a> - <a href="">Info</a><br /> Content of this site is © Copywrite BrandonE97 2009</p> <div id="bottomrightb"> </div></div></div></div></div> </div> </body>
-
Its actually already in its own div. Adding float left does nothing. Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /> <meta http-equiv="content-Style-type" content="text/css" /> <meta http-equiv="content-Script-type" content="text/javascript" /> <meta name="description" content="Home to Brandon Estep of Virginia" /> <meta name="keywords" content="Brandon Estep, BrandonE97, 97, brandone97, Estep, writings, movies, flash, RSS, rss" /> <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" type="text/css" href="navmenu.css" /> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" /> <title>BrandonE97</title> <script type="text/javascript" src="/theme/ice3/jscript.js"></script> </head> <body> <div id="toplefta"> <div id="topleftb"> <div id="topleftc"> <div id="topdiv"> <div id="toprighta">BrandonE97 <div id="toprightb"> </div></div></div></div></div></div> <div> <table cellpadding="0" cellspacing="0" id="nav"> <tr><td><a id="navHome" href="/index.BE97"><span>Home</span></a></td></tr> <tr><td><a id="navWritings" href="/writings/"><span>Writings</span ></a></td></tr> <tr><td><a id="navVideos" href="/media/"><span>Videos</span></a></td></tr> <tr><td><a id="navGuestbook" href="/guestbook/"><span>Guestbook</span></a></td></tr> <tr><td><a id="navLinks" href="/links.php"><span>Links</span></a></td></tr> <tr><td><a id="navInfo" href="/info/"><span>Info</span></a></td></tr> <tr><td><span class="grey18">SubNav System:</span><br /> <a href="/info/contact.php" class="subnav">Contact Me</a><br /> <a href="/blog.php" class="subnav">Blog Archive</a><br /> <a href="/info/ip.php" class="subnav">IP Address</a><br /> <a href="/rss/" class="subnav">RSS Page</a><br /> <a href="/writings/sta.php" class="subnav">STA Archive</a></td></tr> </table> <table cellpadding="0" cellspacing="0" id="body"> <tr><td id="boxtl"></td><td class="boxt"></td><td id="boxtr"></td></tr><tr><td id="boxl"></td><td id="boxbody"> <span>Title of post - Monday, 24th of August 2009</span> <hr class="hr" /> <p class="center"><img src="/images/futurama.jpg" alt="Image" /><br />The start of Content!</p> <p class="left">My blog entry. Talking about my day, week, month. Whenever I update and how much I have to talk about. Talk about my family, friends, events, etc... Maybe have an image. Usualy something funny!!!<br />Next paragraph. More talking as usual. Maybe talk about playing World of Warcraft or updating the website. Yadda Yadda Yadda. Had enough of me talking? too bad, my site and its all about me hahaha.</p> <p class="center">The sad end of content...</p> </td><td id="boxr"></td></tr><tr><td id="boxbl"></td><td class="boxb"></td><td id="boxbr"></td></tr> <tr><td></td><td id="boxfoot"> <a href="http://www.php.net/" target="_blank"> <img src="/images/php-powered.gif" alt="PHP Powered" width="80" height="15" /></a> <a href="http://validator.w3.org/check/referer" target="_blank"> <img src="/images/xhtml11.png" alt="XHTML 1.0" width="80" height="15" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"> <img src="/images/css21.png" alt="CSS2" width="80" height="15" /></a> <a href="http://www.brandone97.com/rss/BE97rss.xml" target="_blank"> <img src="/images/rss.png" alt="RSS 2.0" width="80" height="15" /></a> <a href="http://www.firefox.com/" target="_blank"> <img src="/images/firefox.png" alt="Firefox" width="80" height="15" /></a><br /> <span class="grey18">Visitors:</span><br /> <span class="blue">20420</span><br /> <span class="grey18">Site Version:</span><br /> <span class="blue">3.1.0.0</span></td><td></td> </tr> </table> </div> <div id="bottomlefta"> <div id="bottomleftb"> <div id="bottomleftc"> <div id="bottomdiv"> <div id="bottomrighta"> <p id="txtlinks"> <a href="">Home</a> - <a href="">Writings</a> - <a href="">Videos</a> - <a href="">Guestbook</a> - <a href="">Links</a> - <a href="">Info</a><br /> Content of this site is © Copywrite BrandonE97 2009</p> <div id="bottomrightb"> </div></div></div></div></div></div> </body> </html> From the CSS doc @charset "utf-8"; /* CSS Document */ body { font-family:"Times New Roman", Times, serif; font-size:18px; color:#000000; background-color:#000066; cursor:url("/theme/ice3/images/blue.cur"), default; overflow:auto; } img { border:none; } a { color:#CCCCCC; } .center { text-align:center; } #body { position:absolute; vertical-align:top; display:inline-block; width:586px; height:auto; top:130px; left:275px; } #nav { position:absolute; display:inline-block; width:155px; height:auto; top:135px; left:75px; } .hide { display:none; } #toplefta { position:absolute; background-image:url("images/toplefta.png"); background-repeat:no-repeat; height:100px; width:48px; top:10px; left:10px; } #topleftb { position:absolute; background-image:url("images/topleftb.png"); background-repeat:repeat-x; height:100px; width:185px; top:0px; left:48px; } #topleftc { position:relative; background-image:url("images/topleftc.png"); background-repeat:no-repeat; height:100px; width:46px; top:0px; left:185px; } #topdiv { position:relative; background-image:url("images/topdiv.png"); background-repeat:no-repeat; height:63px; width:9px; top:0px; left:46px; } #toprighta { position:relative; background-image:url("images/toprighta.png"); background-repeat:repeat-x; height:63px; width:550px; top:0px; left:9px; font-size:42px; color:#CCCCCC; text-align:center; } #toprightb { position:absolute; background-image:url("images/toprightb.png"); background-repeat:no-repeat; height:63px; width:58px; top:0px; left:550px; } #bottomlefta { position:absolute; background-image:url("images/bottomlefta.png"); background-repeat:no-repeat; height:100px; width:48px; top:auto; bottom:5px; left:10px; } #bottomleftb { position:absolute; background-image:url("images/bottomleftb.png"); background-repeat:repeat-x; height:100px; width:185px; bottom:0px; left:48px; } #bottomleftc { position:absolute; background-image:url("images/bottomleftc.png"); background-repeat:no-repeat; height:100px; width:46px; bottom:0px; left:185px; } #bottomdiv { position:absolute; background-image:url("images/bottomdiv.png"); background-repeat:no-repeat; height:63px; width:9px; top:37px; left:46px; } #bottomrighta { position:absolute; display:block; background-image:url("images/bottomrighta.png"); background-repeat:repeat-x; height:63px; width:550px; top:0px; left:9px; font-size:14px; color:#CCCCCC; text-align:center; font-weight:bold; } #bottomrightb { position:absolute; background-image:url("images/bottomrightb.png"); background-repeat:no-repeat; height:63px; width:58px; top:0px; left:550px; } #txtlinks { padding:12px; } .grey18 { color:#CCCCCC; font-size:18px; font-weight:bold; text-decoration:underline; padding-top:3px; text-align:center; } .blue { color:#0099FF; font-size:16px; font-weight:bold; text-align:center; } .subnav, .subnav:link, .subnav:visited, .subnav:hover { color:#CCCCCC; font-size:16px; text-decoration:underline; } .left { text-align:left; font-size:14px; font-weight:normal; text-decoration:none; } .a { width:19px; } #boxbody { background-image:url("images/boxbody.png"); background-repeat:repeat-y; width:548px; height:auto; } .boxt { background-image:url("images/boxbody.png"); background-repeat:repeat-y; width:548px; height:14px; } #boxtl { background-image:url("images/boxtl.png"); background-repeat:no-repeat; width:19px; height:14px; } #boxtr { background-image:url("images/boxtr.png"); background-repeat:no-repeat; width:19px; height:14px;} #boxl { background-image:url("images/boxleft.png"); background-repeat:repeat-y; width:19px; height:auto; } #boxr { background-image:url("images/boxright.png"); background-repeat:repeat-y; width:19px; height:auto; } #boxbl { background-image:url("images/boxbl.png"); background-repeat:no-repeat; width:19px; height:22px; } .boxb { background-image:url("images/boxb.png"); background-repeat:repeat-y; width:548px; height:22px; } #boxbr { background-image:url("images/boxbr.png"); background-repeat:no-repeat; width:19px; height:22px; } #boxfoot { width:548px; text-align:center; } .hr { border:0; width:97%; height:3px; background-image:url("images/hr.png"); } #sitestats { position:absolute; text-align:center; top:200px; left:55px; } .footicons {; width:548px; height:85px; padding:10px; text-align:center; }
-
The footer or bottom part of my layout is not moving down the page as the content area grows bigger. As you can see on the page set up for testing. http://www.brandone97.com/theme/ice3. Ive done a bunch of code changes and cant find what the problem is. Please, any help is greatly appreciated.
-
Got the content area where I need it to be, changed to absolute positioning. The bottom of the page with text links doesn't render correctly with IE7 still. The text moves up when rendered with IE7, anything below moves up and interferes with the graphics. Also since this is posted in HTML help and probably needs to be in CSS help is there a way I could move it to the correct section? Any help would be appreciated. Thanks.
-
Been working on a new theme and have a problem when displaying in IE7. IE8 and the latest firefox displays correctly. The problem is in IE7 the area for my content is displayed below the navigation instead of beside it. Not sure if its a html or css problem. Here is the URL http://www.brandone97.com/theme/ice3/. Its a lot of code and had a problem trying to paste it.
-
That worked perfectly, thanks a bunch for all your help. I'll read up on float, haven't used it much except for images. Again thanks lots.
-
Above the navigation menu, the link is over a background image and just says "BrandonE97". Its an old layout and I'm upgrading it to divs and then thinking of doing multiple themes for the site.
-
I've looked through my code and cant find the margin of 8px. I did take out the top and left but my link still sits in the middle instead of the top.
-
http://www.brandone97.com/theme/layout/index.php
-
I still have not been able to move the link up to the top and I've tried everything I know. Thanks for the links and stuff cause I learned a few things from them. I have looked through the help I have been given but maybe I'm missing something. Can someone please help me.
-
Well I'm not that new to a lot of css itself, just css using divs instead of tables.
-
I'm still new to using css and divs instead of tables. I noticed using relative instead of absolute the whole navigation menu moves over the pixels I specified in my code. Absolute moves it back to hug the browser window. The link uses javascript for a little alert message that just says stuff so the link will never get any bigger than that. Using it on the <a...> lets me change the color easy when moused over.
-
I have a link on my navigation I want to align to the top using divs. I just started working with divs and am trying to replace my current layout using tables. I've tried various bits of code to align my link but have been unsuccessful. Here is my code: Navigation top: <div id="navtop"> <a href="javascript:website()" class="navtop">BrandonE97</a> <div id="navbody" align="center">... navigation menu appears here I have worked some putting the link in its own div but I'm still unsuccessful with that as well. Here is some of my css code that the page uses: CSS: #navtop { position:absolute; left:9px; top:7px; width:115px; line-height:75px; text-align:center; background-image:url(/theme/navmenutop.gif); background-repeat:no-repeat; } a.navtop:link, a.navtop:visited { color:#0099FF; font-size:18px; font-style:italic; font-weight:bold; text-decoration:none; } a.navtop:hover { color:#0000FF; }
-
Thanks guys for your help. I'll be trying this code tomorrow when I get back home lol. Many Thanks (Im still learning a lot of this stuff)
-
Okay, that works great but also is there a way to keep the months in a certain order. Kind of like ORDER BY but in a specific order?
-
I have multiple dates the same in my database but I only need each date shown once. If I have two entried under july7 then it shows july7 two times on my page. Is there a way to only show each date once? Thanks.
-
[SOLVED] Run code every 3 times in a while loop
BrandonE97 replied to BrandonE97's topic in PHP Coding Help
Thanks bunches. I can kick myself for not figuring that one out lol. -
I need a certain block of code to run inside a while loop every 3 times its run but I cant figure out how to write it. I came up with a sort of static fix but I need it to be more expandable. Here is what I've got inside the loop so far. if ($num == 3 || $num == 6 || $num == 9 || $num == 12 || $num == 15 || $num == 18 || $num == 21 || $num == 24 ect...) { echo('</tr><tr>'); } The loop output 3 profiles with images and names on each line and then goes to a new line for the next 3 using tables. Is there a way to write this so it runs every 3 on to infinity and not have to input the numbers manualy?
-
I've found a sort of fix for my problem. I put in the td#body css height:700px; instead of height:auto; so now it doesnt stretch the other td. Thanks again for all the help!