Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

SelfMadeAce

Members
  • Joined

  • Last visited

Everything posted by SelfMadeAce

  1. I have it as it shows here: <div id="sidebar2"><center> <h2><span style="color: #ffffff;">Gallery<br /></span></h2> <p>{%gallery_Gallery%}</p>... And it's still not coming up. I also notice that whenever I remove the pattern's background code from the 1st sidebar, the pattern box is still there...until I remove the code from 2nd sidebar, then it disappears. So if I'm correct that means that the 1st sidebar's pattern box must be running off the same code as the 2nd??
  2. Yeah well I was trying to fix it but couldn't figure it out lol, so how can I create the same kind of box on top of the 2nd sidebar where it says Gallery now?? I'm trying but it stays with just that black background...I'm guessing because I made the 2nd sidebar myself, I have to create another background definition for it?? If so, how would I go about doing that??
  3. Here ya go, I outlined them... See how there's a box with a grey diagonal line pattern above the Sidebar1 and Main tables?? There should be one above Sidebar2 also but it's not coming up, and it looks as if its setting the padding off and making it closer to the Main table than the other Sidebar...
  4. Your a genius!! It worked!! I've been trying to get it right for like 3 days now lol!! Thanks a million!! Now only if I could figure out why the 2nd sidebar doesn't have the diagonal pattern box like the 1st one does, without it it's setting it off a bit, making it closer to the main center table than the other sidebar...any ideas??
  5. Ok, I almost got it now look... But I'm noticing how Sidebar1 seems to always seperate on it's own, notice how it's farther to the left AND it doesn't have the diagonal line pattern box which is supposed to show above the table like the main table and sidebar to the right...that must mean there's something excluding it from the rest of the code right?? It's even sitting outside of the content-wrap for the rest of the page, how can I fix this??
  6. Ok, I placed the "<div style="clear:both;"></div>" into my HTML but the result didn't have any changes...
  7. Ok, we're making progress here!! Adjusting the content-wrap fixed the placement problem so the sidebars are no longer below everything else, but now the left sidebar is sitting slightly on top of the main content table...now I just need to figure a way to get it to the far left side... Also, where exactly would I place these "clear:both"s?? This is the code for my sidebars... /* Sidebar */ #sidebar { float: left; width: 200px; padding: 0; margin: 0px 18px 0 0; display: inline; } #sidebar h3 { padding: 5px 12px; margin: 15px 5px 10px 0; font: bold 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; color: #45D5E6; border-bottom: 1px solid #121212; background-image: url(pattern.gif); } #sidebar ul.sidemenu { text-align: left; margin: 20px 5px 20px 0px; padding: 0; border-top: 1px solid #111; } #sidebar ul.sidemenu li { list-style: none; padding: 8px 10px; margin: 0; border-bottom: 1px solid #111; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; border: none; color: #666666; font-weight: bold; font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif; font-size: 14px; } #sidebar ul.sidemenu li a span { color: #444; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-weight: normal; font-size: 11px; } #sidebar ul.sidemenu li a:hover, #sidebar ul.sidemenu li a:hover span { color: #fff; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { border: none; } /* header quick search */ #sidebar form#quick-search { padding: 0; margin: 20px 0 35px 0; border: none; width: 100px; height: 33px; background: url(header-search.gif) no-repeat; } #sidebar form#quick-search p { margin: 0; padding: 0; } #sidebar form#quick-search input { float: left; border: none; background: transparent; color: #4E4E4E; margin: 0; } #sidebar form#quick-search .tbox { margin: 5px 0 0 5px; width: 100px; display: inline; } #search form#quick-search .btn{ width: 24px; height: 24px; } #sidebar form#quick-search label { display: none; } Updated Screenshot:
  8. Thanks for your reply!! After floating #main and both #sidebars, it caused both sidebars and main content table to sit on the left side of the page (within the width of the main content table)...however, the sidebars are still under the main content table... Screenshot:
  9. I agree, the sky gives off a "stairway to heaven" feel and looks a bit odd as if the chair lift will fall out of the sky once it reaches the top... but a comforting room will work just fine...overall, a pretty good graphic though...
  10. Hi, I had a question about the layout of my website which I made to promote my music. I used a pre-made template provided by my host, inserted my own graphics and edited the scripts a bit to make it my own. However, I ran into a problem regarding 2 side bars on both sides of the main content table in the center of the page...for some odd reason they are both being placed below the main content table rather than on each of the sides, both sidebars are set to "float: left;" and "float: right;" but still seem to appear below everything else. I have basic knowledge on CSS and script editing however, I'm unsure to why this problem is occuring. I am more than sure though, that there is an error in my script somewhere...if someone could take a look at it for me, it would be greatly appreciated!! Thanks in advance... Here's a screenshot, link to my page and link to a copy of the script: WEBSITE LINK SCRIPT
  11. Wow, the new design is much for professional looking...I have to agree with MG1878 on this one, good job by the way!! The design looks great!!...
  12. Hello everyone!! My name is Ace, I've been searching all around the internet for a dependable web design forum for helpful tips and support with all types of web design and this place seems to be pretty populated!! I'm 19 years old and currently studying Media Development/Graphics Design, but have worked as a Graphic Designer for about 5 years and currently employed with a local company called Big Mind Designs. I have always had a love for web design and coding, and have basic knowledge of html and CSS scripting. My company Big Mind Designs is having thoughts of offering web design so I thought this would be the best place to learn more and share ideas with other designers. I have many questions so any help from anyone will be greatly appreciated!! I can also offer my services of graphics design to anyone willing to help!! (Not advertising, just saying I'm willing to help anyone willing to help me...=)) Thanks ahead of time guys!! Ace

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.