Hey guys! So I'm zeron and I create the website for my school's robotics team. Issue is, I can never run out of issues. So this is my site: http://dhsrobotics.org/ My main issue is that it does not work well throughout different browsers, devices, aspect ratios. I'll start with the browser issues and possibly devices too. The left side of the site is supposed to show a video showcasing the content on the right. Well, on some browsers, they don't play the video even though I check at w3schools that most of the browsers that it failed on supported HTML 5 video. This leads in to the next issue of aspect ratios. If a screen is 4:3, the whole site just goes really awkward and weird (Especially on the video bg to the left, it starts getting clipped and such). I'm hoping to be able to get this fixed, but I just can't seem to get around anywhere to allow it to still look good on a 4:3 and 16:9. Another issue is that when the site starts getting more compact, the header starts to overlap the main text area to a certain degree, and on mobile devices, the pictures get stretched. It's likely a browser issue though. Sorry folks, I know I'm not very good yet, but I believe you all can help me out. Hopefully. Thanks in advance!
you're kidding, right? modern dreamweaver still has people running this junk? <body onLoad="MM_preloadImages('images/sidenavbar-hover/sidenavbar-hover_02.png', 'images/sidenavbar-hover/sidenavbar-hover_03.png', 'images/sidenavbar-hover/sidenavbar-hover_04.png', 'images/sidenavbar-hover/sidenavbar-hover_05.png', 'images/sidenavbar-hover/sidenavbar-hover_06.png', 'images/sidenavbar-hover/sidenavbar-hover_07.png', 'images/sidenavbar-hover/sidenavbar-hover_08.png', 'images/sidenavbar-hover/sidenavbar-hover_09.png', 'images/sidenavbar/sidenavbar_04.png', 'images/sidenavbar/sidenavbar_07.png', 'images/sidenavbar/sidenavbar_01.png')"> Code (markup): I'll edit your post title so that if anyone round here uses dreamweaver to build responsive themes they know to chime in
I'm not kidding. It is kinda ridiculous. Is there anyway to fix my site though, or is it a huge rework?
What framework are you using? Did you not test as you went along? Big mistake, you should have been testing along the way. It'll be a huge rework, start again and test every step of the way and if things are not appearing like you want, google first and then try to ask here, it's hard asking people to look at the finished product and help with the coding, it'll take too much time especially when you didn't even write the code yourself, so you can't even answer the questions they might ask you correctly. Is that robotex truck supposed to even be there on the left? Wow, you hovers are actually images...damn, when you hover over team 251 the hover state looks so jagged, back to the drawing board Did you design the site in PhotoshopShop @first?. Was this the mock up you designed in it? Start downing coffees, red bulls and forget watching TV for a while, I wouldn't wanna be you right now my friend.
Yeah, it was designed at Photoshop first. The left side is supposed to be a video. I tested along the way and it looked great on my PC, but I failed to realize other PC's and platforms which became my major downfall.