Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About webtrickshome

  • Rank

Recent Profile Visitors

1,903 profile views
  1. The first issue with your site even on larger screen view is the divs with id #banner-container and content-container. Remove the width value from their css. The html div tag automatically possesses a property display:block which means 100% width inclusive of paddings and margins. #content-container { background-color: #FFF; margin: 0 auto; padding: 25px; overflow: auto; } Once you do that your box1, box2 and box3 also need to be redefined. Define them as show below. .box1{ width: 30%; float: left; }
  2. Why on earth are you using HTML tables. That's the worst thing to do. It's such a pain to even look into the matter.
  3. public function importExcel() { $file = $_FILES['uploads']['tmp_name']; $handle = fopen($file, "r"); while($filesop = fgetcsv($handle, 1000, ",")){ $name = $filesop[0]; $gender = $filesop[1]; $address = $filesop[2]; $age = $filesop[3]; $education = $filesop[4]
  4. use <input type="checkbox" name="ynDiscussed<?=CStr(i)?>"> instead and you are good to go.
  5. The only way you can improve your portfolio is by improving the volume of your work experience. So, keep on working on the projects and keep updating your portfolio.
  6. You are forcing the id dots to be inline at any case. if dot's style is none make it inline else change it to display none. What does that mean? It's again forcing the div to go inline. Workout on this if else condition and all will work fine.
  7. The best option to give equal width to your buttons is to give the width itself in pixel value with text-align center property. You can add little padding on each side for vertical spacing. .your-button{ width: 100px; text-align: center; padding: 5px 10px; } You can also add hover effects to make them look more appealing.
  8. Greetings to all the users and administrators of w3scools invisionzone forum. I would love to get some constructive criticism on this web development tutorial site namely webtrickshome. It's been around for slightly more than a year but I redesigned it recently. Any feedback regarding the design and contents would be highly appreciated. Thankyou
  9. seems like you are planning a large container in the middle leaving equal spaces on each side. Do this. <div class="main-container"> </div> <style> .main-container{ width: 80%; margin: auto; } </style> This will give you a div with 80% width of the screen size automatically placed in the middle. Now, you can create three separate divs inside that main-container to place contents on different sides which looks like: <div class="main-container"> <div class="box"></d
  10. That's not exactly possible with css. The only thing you can do is make the background a bit transparent with background: rgba(0,0,0,0.1) which defines the background color and opacity of the body. The screenshot you've posted is an image file in png format not the screenshot of a page loaded in browser.
  11. Generally, the header section is wrapped inside a html tag named <header></header>. If it's the parent div use it in your css file as header{ background: your-color; } If the header tag is wrapped inside some div then find the top level div and use it's id or class name to add the same. .divname or #idname{ background: your-color; }
  12. You are overriding you media query css with your own blocks of css. Here's a list of screen sizes from webtrickshome you can use there. Screen Size Media Query Max width 320px @media (max-width: 320px) Min width 321px and Max width 375 @media (min-width: 321px) and (max-width: 375px) Min width 376px and Max width 425 @media (min-width: 376px) and (max-width: 425px) Min width 426px and Max width 640 @media (min-width: 426px) and (max-width: 640px) Min width 641px and M
  13. You can use bootstrap accordion for convenience. It's responsive and easy to integrate as well.
  14. You are missing the # symbol in ahead of the id name followed by the data-toggle attribute. it should be <a href="#myModal" data-toggle="modal>Your Link Text Here</a>. data-toggle="modal" opens the modal window. data-target or href="#myModal" points to the id of the modal i.e. the id of the parent <div> of the model.
  15. Within the paragraph, its only line height that works. In case its between multiple maragraphs then you can use either margin or padding. The best value for line-height is 1.6 em which means the height of the line is 1.6 times larger than the font size. So, you change the font size then the line height also adjusts itself. p.your-class{ line-height: 1.6em; }
  • Create New...