PineSmokes

Amazing you nailed it but she's not perfect yet, I know I'm just missing something. It now scales the width and remains inline while flexing but I didn't master the height yet, it stays constant at 200px. The fix to make it scale smaller when the width scales smaller would be much appreciated thanks http://www.golden-wand.com/members/contact-test.php div#bannerImage {border:solid purple; width:100%; height:222px; display:inline-flex; } div#bannerImage1 {border:solid red; margin-top:7px; margin-left:130px; max-height:200px; max-width:40%; flex-grow:1; flex-shrink:1; flex-basis:auto; margin:auto; } #bannerImage1 img{ max-width:100%; max-height:100%; } div#bannerImage2 {border:solid blue; margin-top:7px; margin-left:150px; max-height:200px; max-width:50%; flex-grow:1; flex-shrink:1; flex-basis:auto; margin:auto; } #bannerImage2 img{ max-width:100%; max-height:100%; } http://www.golden-wand.com/members/styles.css <div id="bannerImage"> <div id="bannerImage1"><img src="../Assets/Pictures/Golden Wand/CutOut/Tools.png" width="auto" height="200px" alt="Tools"></div> <div id="bannerImage2"><img src="../Assets/Pictures/Golden Wand/CutOut/Angled Truck.png" width="auto" height="200px" alt="Truck"></div> </div>

I guess it could help to note that when they scale, they should stay on the same line, it messes up the page when the div drops below the other div. I haven't figure out how to get them on to stick on the same line and then scale.

Been trying to get these to scale, I got the top image and everything else to scale just not these images. Any help would be greatly appreciated, thanks in advance. http://www.golden-wand.com/members/contact.php <div id="bannerImage"> <div id="bannerImage1"><img src="../Assets/Pictures/Golden Wand/CutOut/Tools.png" width="auto" height="200px" alt="Tools"></div> <div id="bannerImage2"><img src="../Assets/Pictures/Golden Wand/CutOut/Angled Truck.png" width="auto" height="200px" alt="Truck"></div> </div> http://www.golden-wand.com/members/styles.css div#bannerImage {border:solid purple; width:100%; height:222px; display:table; } div#bannerImage1 {border:solid red; position:relative; float:left; margin-top:7px; margin-left:130px; max-height:200px; max-width:40%; display:table-cell; } #bannerImage1 img{ position:relative; max-width:auto; max-height:100%; } div#bannerImage2 {border:solid blue; position:relative; float:left; margin-top:7px; margin-left:150px; max-height:200px; max-width:50%; display:table-cell; } #bannerImage2 img{ position:relative; max-width:auto; max-height:100%; } Here's my link to my text file of ownership: http://www.golden-wand.com/phpfreaks.txt

Well, I guess another 45 minutes of work got it figured out. Guess it's back to the php half of this page, it's pretty much done but now I need to go debug both the login and signup code. Thanks for all the help, really appreciate it I think my issue was with one of the classes not having margin-left:0; margin-right:0 then setting the actual div itself that was containing that div to center. I was skipping the whole centering the div itself, I thought I could work 100% out of the CSS but I guess I was mistaken. I also ended up throwing the bottom bar on the outside the next div and removed almost all the styling from inside that class, seemed to help after removing some styling.

Made a lot of progress (at least for me hah) I reworked the entire page to use percentages. While doing so I messed the page up a little tiny bit. The "fullContainer" class is what should be centered but it's not anymore and the "full" id for the bottom bar doesn't line up properly anymore I can't seem to figure that out either. I've been messing with it for a while now not sure what's up with it. If someone could reply pointing out how to fix either of these issues I would be very pleased I'm not sure what this sites best practices are so I'll post the live links to the test page, the correct page (before switching to percentages), and the style sheets for each as well as uploading the test page and it's test style sheet. Working Page: http://www.golden-wand.com/index.html Style Sheet: http://www.golden-wand.com/Pages/styles.css Test Page: http://www.golden-wand.com/members/contact-test.php Style Sheet: http://www.golden-wand.com/members/styles.css contact-test.php styles.css

Ok so now that I got my localhost working again I can see the page on my main computer with a normal screen size and it gives me a little more information on what is going wrong. When I load an html page on my phone or surface I can't swipe anywhere. I have a feeling one of my div's is filling the page creating an overlay so nothing is clickable. Who knows I may find it before I get a response here but if someone could point it out I would appreciate it

Ahhhhhh, reading is key, here's my proof I own the site Sorry about that, was writing that on my surface last night didn't have time to scan the forum for important posts, hers' my link. http://www.golden-wand.com/phpfreaks.txt

The issue that seems like a CSS issue is the fact I can't even scroll on the surface pro that I'm on, the entire page becomes one size and cuts off so I can't see the bottom bar or anything on the bottom half. This isn't an issue on the main index.html page but it is an issue on the contact.php page that I'm attempting to make.

I'm working on applying my template, which obviously isn't a very good template if I can't just copy it freely lol, to my new test contact.php page. The issue is it overflows on the right side, secondly it also seems to cause the page to not be scrollable or it's making the page a specific size? I'm using my surface pro to develop at the moment so the small screen size is allowing me to see the not able to scroll issue quite easily. What it's doing specifically is cuttin off the rest of the page, I can't scroll to the bottom. This is a separate issue from the overflow I would assume but assuming is bad so maybe they are the same issue. If anyone could assist me in locating my issues that would be awesome it's been taking me a bit to figure this out. The main working page is: http://www.golden-wand.com The test contact php page is: http://www.golden-wand.com/members/contact.php Main focus: Overflow on the right side at the contact.php page

By double post do you mean in my code or I actually posted to this site twice? I can't for the life of me find out how to find my second post it says I have 2 posts but no link on how to get there. I only had this one post in my favorites, also I though it would have emailed me when anyone replied guess I just needed to check myself hah. Thanks for the quick and helpful responses I've since made a somewhat decent login/signup section. I'm still working on my login process but I'll be sure to hop into the correct section if I need more help I ended up using the border-top and border-bottom with the tr and td. I also really liked the first post because all that escaping was super annoying but if I had to chose one the second person nailed it.

Trying to style the comments section here but it's a little challenging to style the response from a database. I would like for starters a simple HR tag on the top but when I do that it duplicates with the one on the bottom. This is the live page: http://www.golden-wand.com/comments/index.php This is the PHP code from the section I need help styling: <?php include '../Scripts/connection.php'; $sql = "SELECT id, name, email, subject, comment FROM comment"; $result = $connect->query($sql); if ($result->num_rows > 0) { // output data of each row while($row = $result->fetch_assoc()) { echo " <table class='commenttable'> <tr> <td class='id'> <u>Loyal Client ". $row["id"] . "</u>: </td> <td class='subject'> " . $row["subject"]. " </td> </tr> <tr> <td></td> <td class='comment' colspan='2'> " . $row["comment"]. " </td> </tr> </table> <hr class='commenthr'>"; } } else { echo "No Comments"; } ?> I've also uploaded the index.php page just in case I've edited the live version, thanks for any help index.php index.php