Welcome!
By registering with us, you'll be able to discuss, share and private message with other members of our community.
Recent content by henoida
-
CSS left and right elements
This worked. Thank you so much for your help! Highly appreciated!- henoida
- Post #7
- Forum: HTML & CSS
-
CSS left and right elements
OK, I think I understood and changed my style sheet - but for some reason it does not work. Even with the Google translate element set not to display, it still shows on my phone or when resizing my browser. What did I do wrong? @media screen and (max-width: 600px) { #logo {...- henoida
- Post #5
- Forum: HTML & CSS
-
CSS left and right elements
Hi LTomi, Thanks a lot for your answer, but unfortunately I do not quite understand it ;-( So the div inside the @media only screen... will define the look of the site for smaller screens (600px and less), but what would need to go in there to avoid the overlapping? Sorry for asking what...- henoida
- Post #3
- Forum: HTML & CSS
-
CSS left and right elements
I have a general questions about items on the top of the page which are positioned on the left side (such as a logo) and on the right side (such as a search box and global elements), using float: right. When minimizing the browser or looking at it on a small screen of a phone, these two...- henoida
- Thread
- css
- Replies: 6
- Forum: HTML & CSS
-
CSS Need help with Responsive top nav with dropdown
That worked. Thanks a lot, Mutiny!- henoida
- Post #16
- Forum: HTML & CSS
-
CSS Need help with Responsive top nav with dropdown
Thanks for your reply, but my issue is not creating clickable items, but adjusting the padding so that the 1 or 2px black strip under "home" (active class) and the other top menu items (when hovered over) disappears. I've tried changing all possible padding combos, but nothing works... Driving...- henoida
- Post #14
- Forum: HTML & CSS
-
CSS Need help with Responsive top nav with dropdown
Well, I meant the issue with the squished 50px width display is gone. The dropdown issue is still there, unfortunately.- henoida
- Post #12
- Forum: HTML & CSS
-
CSS Need help with Responsive top nav with dropdown
Oh yes, sorry - I was experimenting with something else. The issue is gone now.- henoida
- Post #10
- Forum: HTML & CSS
-
CSS Need help with Responsive top nav with dropdown
Ha, there is one more thing I just discovered... It seems originally this top navigation was not designed to handle clickable buttons when there is a dropdown menu underneath. See what I mean here: http://gershom.com/dev/index.html works fine as long as "Products" is not clickable. When I...- henoida
- Post #8
- Forum: HTML & CSS
-
CSS Need help with Responsive top nav with dropdown
Thank you so much Mutiny - that did the trick indeed! Very much appreciated and thanks again!- henoida
- Post #6
- Forum: HTML & CSS
-
CSS Need help with Responsive top nav with dropdown
I forgot to mention that in addition there is of course a little Javascript as well: <script language="javascript"> function myFunction() { var x = document.getElementById("myTopnav"); if (x.className === "topnav") { x.className += " responsive"; } else { x.className = "topnav"...- henoida
- Post #4
- Forum: HTML & CSS
-
CSS Need help with Responsive top nav with dropdown
Hi Malcolm, Thank for the quick answer. This is the html: <div class="topnav" id="myTopnav"> <a href="#home" class="active">Home</a> <a href="#about">Buy</a> <div class="dropdown"> <button class="dropbtn">Products <i class="fa fa-caret-down"></i> </button> <div...- henoida
- Post #3
- Forum: HTML & CSS
-
CSS Need help with Responsive top nav with dropdown
Hi all! I'm trying to build a responsive top navigation with dropdown, but need a little help. When resizing the browser I run into problems such as some submenu items (like under "Software") not showing up correctly. I had a "overflow: hidden;" in there, but commented it out, since when I...- henoida
- Thread
- css html
- Replies: 15
- Forum: HTML & CSS
-
CSS CSS for Google custom search
The problem is that the cursor will always remain outside the box (see attached screenshots) or: https://www.dynomotion.com/test/index-search.htm- henoida
- Post #3
- Forum: HTML & CSS
-
CSS CSS for Google custom search
On the site I'm trying to build: https://www.dynomotion.com/test/index-search.htm the cursor does not focus within the search box. Does anybody know I have done wrong? Any pointers would be very much appreciated! Thanks For the styling of the search, I use the following css: #cse-search-form...- henoida
- Thread
- css google search
- Replies: 3
- Forum: HTML & CSS