ahile91
-
Posts
22 -
Joined
-
Last visited
ahile91's Achievements
Newbie (1/7)
0
Reputation
-
i was making container for photos and for all 4 side i want to have 1px with a full photo. me i make the container this size but for some reason i have some photos with difrent dimension and is not fiting centred its remain in one side 1 pixel. this is se size of the container : W: 120px ; H: 170px can somone fix my error pls
-
hi all i was just looking for a preview but culden't find anything. i was thinking, how a responsive website works on a 4k resolution ? is show good the content or is small ? if anyone know thanks
-
it's work perfeclty thanks man take care of you
-
i diden't know how to make a categories and sub-categories
-
sorry i was out of town now i came. i see here ur script but what to keep from all of them ?
-
now i just write that and u say now is an easy way ? hehhe is very dificult this java script i'm going to sleep now is 2:30am so tomorrow i'll see what i do...
-
can you writhe it for me please? after i get good knowlage of html and css i'll start studyng java and php..you want to hear something funny ? i not even finish the high school but i'm trying to build my own website and start a busines with it. i think i pasion can beat some mistake that i make them when i was younger
-
yeah ! not is working for bouth but why when i open bouth is stay opens bout of them why is not closeing one ? btw your the best ! thanks so much ! and how is posible cuz in my head is not matching "this" with "elem"
-
<!DOCTYPE html> <html lang="en-US"> <head> <title>title</title> <meta name="keywords" content="bla bla"> <meta name="description" content="about bla bla"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source Serif Pro"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> </head> <!-- body --> <body> <div class="container_16"> <style> body,h1,h2,h3,h4,h5,h6 {font-family: "Source Serif Pro", sans-serif} </style> <!-- header --> <header> <div class="grid_5 alpha brand">webname</div> <div class="grid_11 omega"> <!-- navigation --> <nav> <ul> <li><a href="#">Contact</a> |</li> <li><a href="#">Home</a> |</li> <li><a href="#">SingUp</a></li> </ul> </nav> </div> <div class="grid_5"> <div class="dropdown"> <button onclick="myFunction(elem)" class="dropbtn">Rental</button> <div class="dropdown-content"> <a href="#">House</a> <a href="#">Studio</a> <a href="#">Flat</a> </div> </div> </div> <div class="grid_5"> <div class="dropdown_2"> <button onclick="myFunction()" class="dropbtn_2">Cars</button> <div class="dropdown-content_2"> <a href="#">Electric</a> <a href="#">Petrol</a> <a href="#">Diesel</a> </div> </div> </div> </header> <!-- footer --> <footer> <p>© 2017 All rights reserved.</p> </footer> <!-- navigation java script --> <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction(elem) { elem.nextElementSibling.classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn')) { var myDropdown = document.getElementsByClassName("dropdown-content"); for (var i = 0; i < myDropdown.length; i++) { if (myDropdown[i].classList.contains('show')) { myDropdown[i].classList.remove('show'); } } } }; </script> <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown_2").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn_2')) { var myDropdown_2 = document.getElementById("myDropdown_2"); if (myDropdown_2.classList.contains('show')) { myDropdown_2.classList.remove('show'); } } } </script> </body> </html>
-
i don't get it...why is not opening now?
-
ok i'm confuse now idk how to make it...so this is the code..let me explain better. first i want to make "rental" and "cars" to dropdown and the dropdown content (submenu) style it to put it in a box container. all this in the header than under to put some slideshow and 6/8 col photo gallery. i'm using 16grid from 960 <!DOCTYPE html> <html lang="en-US"> <head> <title>title</title> <meta name="keywords" content="bla bla"> <meta name="description" content="about bla bla"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source Serif Pro"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> </head> <!-- body --> <body> <div class="container_16"> <style> body,h1,h2,h3,h4,h5,h6 {font-family: "Source Serif Pro", sans-serif} </style> <!-- header --> <header> <div class="grid_5 alpha brand">webname</div> <div class="grid_11 omega"> <!-- navigation --> <nav> <ul> <li><a href="#">Contact</a> |</li> <li><a href="#">Home</a> |</li> <li><a href="#">SingUp</a></li> </ul> </nav> </div> <div class="grid_5"> <div class="dropdown_1"> <button onclick="myFunction()" class="dropbtn_1">Rental</button> <div id="myDropdown_1" class="dropdown-content_1"> <a href="#">House</a> <a href="#">Studio</a> <a href="#">Flat</a> </div> </div> </div> <div class="grid_5"> <div class="dropdown_2"> <button onclick="myFunction()" class="dropbtn_2">Cars</button> <div id="myDropdown_2" class="dropdown-content_2"> <a href="#">Electric</a> <a href="#">Petrol</a> <a href="#">Diesel</a> </div> </div> </div> </header> <!-- footer --> <footer> <p>© 2017 All rights reserved.</p> </footer> <!-- navigation java script --> <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown_1").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn_1')) { var myDropdown_1 = document.getElementById("myDropdown_1"); if (myDropdown_1.classList.contains('show')) { myDropdown_1.classList.remove('show'); } } } </script> <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown_2").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn_2')) { var myDropdown_2 = document.getElementById("myDropdown_2"); if (myDropdown_2.classList.contains('show')) { myDropdown_2.classList.remove('show'); } } } </script> </body> </html>
-
-
i tryed before posting..is work for one only<script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown_2").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn_2')) { var myDropdown_2 = document.getElementById("myDropdown_2"); if (myDropdown_2.classList.contains('show')) { myDropdown_2.classList.remove('show'); } } } </script>
-
<!DOCTYPE html> <html> <head> <style> .container { overflow: hidden; background-color: #333; font-family: Arial; } .container a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { cursor: pointer; font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; } .container a:hover, .dropdown:hover .dropbtn { background-color: red; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover { background-color: #ddd; } .show { display: block; } </style> </head> <body> <div class="container"> <a href="#home">Home</a> <a href="#news">News</a> <div class="dropdown"> <button class="dropbtn" onclick="myFunction()">Dropdown</button> <div class="dropdown-content" id="myDropdown"> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> </div> </div> <h3>Dropdown Menu inside a Navigation Bar</h3> <p>Click on the "Dropdown" link to see the dropdown menu.</p> <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(e) { if (!e.target.matches('.dropbtn')) { var myDropdown = document.getElementById("myDropdown"); if (myDropdown.classList.contains('show')) { myDropdown.classList.remove('show'); } } } </script> </body> </html> i just tryit by myself to change from "myDropdown" to "myDropdown_2" but it wasan't work...i just want to add this to my categories so i want to multiplay this content like 2-3 times how do i make this ? please help
-
so...no one here can help me ? sorry for double post but no answer in 7h p.s i was thinking this website, this forum is a bad a$$, i was wrong ?