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.

RickyCook

Members
  • Joined

  • Last visited

  1. You sir, you need a crown or a tiara! Thanks for helping me once again.
  2. I'm trying to make a DIV tag within another DIV tag display when the parent DIV tag is highlighted, I was wondering If anyone could help me with this?
  3. RickyCook posted a topic in Frontend
    Okay. So I started a new little project this hour ,and I am trying to get this circle to not have a white background behind it, but just in the circle? This is my HTML <div id="profile_template_left_un"> <div id="profile_template_left_deux"> <div id="profile_template_left_deux_image"> </div> </div> </div> And this is my CSS #profile_template_left_un { width: 230px; height:auto; background:#ffffff; border:1px solid rgba(0,0,0,0.45); float:left; margin:0 auto; } #profile_template_left_deux{ width: 90px; height:auto; background:#333333; border:1px solid rgba(0,0,0,0.45); margin:0 auto; } #profile_template_left_deux_image{ width: 160px; height:160px; margin:0 auto; border:2px solid rgba(0,0,0,0.45); -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } Sadly I cant provide a live preview as I don't have my own domain atm. ~Ricky. thanks to any responders.
  4. I just fixed that, but they're still not working. =/ I've found the problem. I've missed 2 quoteation marks as shown below. <html> <head> <link rel="stylesheet" type="text/css" href="design.css"> </head> <body> <!-- Begin Navigation Menu --> <div id="nav_bar_main_un"> <div id="nav_bar_main_deux"> </div> </div> <!-- Begin Wrapper_Main --> <div id="wrapper_main"> <div id="user_bar (" was missing here)> user_bar </div> <div id="main_container(" was missing here)> main_container </div> </div> </body> </html>
  5. So, My Float tags are being pain in the asses and are not working right. Help me please? My HTML <html> <head> <link rel="stylesheet" type="text/css" href="design.css"> </head> <body> <!-- Begin Navigation Menu --> <div id="nav_bar_main_un"> <div id="nav_bar_main_deux"> </div> </div> <!-- Begin Wrapper_Main --> <div id="wrapper_main"> <div id="user_bar> user_bar </div> <div id="main_container> main_container </div> </div> </body> </html> My CSS body { width:100%; height:100%; color:#76818d; background:#b5cbb0; margin:0 auto; padding:0; } /* Begin Navigation Menu */ #nav_bar_main_un{ width:100%; height:33px; color:#76818d; background:#93b7aa; margin:0 auto; padding:0; border-bottom:1px solid #717e90; } #nav_bar_main_deux{ width:100%; height:32px; color:#76818d; background:#93b7aa; margin:0 auto; padding:0; border-bottom:1px solid rgba(255,255,255,0.45); } /* Finish Navigation Menu */ /* Start wrapper Menu */ #wrapper_main{ width:800px; height:100%; margin:0 auto; border-left:1px solid rgba(255,255,255,0.45); border-right:1px solid rgba(255,255,255,0.45); padding-top:5px; } /* Finish Wrapper Menu */ /* Start notifications Menu */ #user_bar { width:100px; height:320px; background:#ffffff; } #main_container { width:790px; height:320px; background:#ffffff; float:right; } For some reason, they're overlapping each other.
  6. I've never found anything online about this and was wondering if anyone would be able to help me make a fixated header & navigation menu so that when you scroll down it remains at the top of the screen so you dont have to scroll back up to access the hyperlinks & stuff.
  7. What browser are you using? Im using Firefox 16.0 and it works fine
  8. I am trying to make an image to have a radius, but only in the specified tag. but when I give the tag & image cross div styles it gives it a double border? here is my code. #main_post_container_ribbon_icon , img{ height:50px; width:50px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border:1px solid #444444;} <div id="main_post_container_ribbon_icon"> <img src="http://home.comcast.net/~grapeweet/grape/valandil/freeavatars/avatars/robotman.jpg">[/url] </div> Please note. I do not own the image, it is a temp place holder. All help and comments appreciated!
  9. As mentioned above. CSS Drop-Shadows. add it to the properties of the desired div.
  10. I've never used the ones suggested, but Sublime looks pretty awesome. I use Notepad ++ and I love it's simplicity. Notepadd++ is Free, Google : Notepad ++
  11. I'm also on Dribbble, but I have never heard of an "invite". What are they for/ do they do?

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.