Jump to content

holmedwa04

Members
  • Content Count

    743
  • Joined

  • Last visited

Everything posted by holmedwa04

  1. Good spot Dsonsesuk, I hadn't noticed because when I did that I did find and replace on <li> to <li><span> and </li> to </span></li>. Pleased that it's done now though and more importantly, I can apply the same styling to other pages without much effort now! Thanks again for your help Dsonsesuk. Kind Regards Ed
  2. Hi Dsonesuk, Thank you for your help, I think I have finally got it how I want it. You can see the result here: https://staffordscuba.co.uk/already_a_diver/resources/airconsumption.php This is the CSS for formatting the bullets: /* Format Bullet Lists */ ol { list-style:decimal; font-weight:bold; margin-top:5px; margin-bottom:5px; } ol ol { list-style:lower-alpha; overflow:hidden; } ol ol ol { list-style:lower-roman; } ol ol.two li { width:50%; float:left; } ol ol.three li { width:33%; float: left; } ol ol li { width:25%; float: left; } ol ol ol li { clear:left; } li
  3. I'm by no means an expert in any of this, but my personal opinion is that if you are going to use a multi level navigation like Ingolme has already mentioned, then it would seem beneficial to use nested <ul> elements. It would also seem beneficial to me, to use the <nav> tag and so far I don't know of anywhere that explicitly precludes the use of <ul> in it. Perhaps we should stop debating what is or isn't the correct way of using the <nav> tag and suggest some areas where the OP could improve their code? On another note, I think the OP was asking for construct
  4. Hello Dsonesuk, I have tried with the CSS that you've given me above and it's still not displaying as I expected. I decided to do the hiding of the answers slightly differently and have opted for using the <details> and <summary> tags. I understand these are not currently supported in IE, Edge and FF yet, but I think this is a happy compromise. This is the https://staffordscuba.co.uk/already_a_diver/resources/airconsumption.php page that I am trying to implement the ordered lists on, in both the exercises section and the answers section. This is the CSS which I am
  5. Dsonesuk, perhaps it's best if you could see the code before I hacked it about and tried to make it work the way I wanted to :Happy: http://www.stunicholls.com/various/more.html Hope this helps to decipher things a little. Kind Regards Ed
  6. Dsonesuk, the classes are related to the fact that the content is hidden and then appears when you click the text. There is a JS file with the following code in it: clickMenu = function(menu,element,cname) { var getEls = document.getElementById(menu).getElementsByTagName(element); for (var i=0; i<getEls.length; i++) { getEls[i].onclick=function() { if ((this.className.indexOf(cname))!=-1) { if ((this.className.indexOf('click'))!=-1) { this.className=this.className.replace("click", "");; } else { this.className+=" click"; } } } } } I've got to be
  7. Ah ha, so that's why the display:inline-block wasn't working correctly! I've made this change and added the display:inline-block to the second level of lists in the CSS, but the list letters and numerals are disappearing now. Kind Regards Ed
  8. Hi Dsonesuk Thank you for your reply. I can't believe how simple the selector is! I knew it mustn't of been something too complicated! I have that bit working, but when I try either float:left or display:inline-block everything seems to go wrong. This is the CSS code: /* unclicked style div.more */ div.more i { float:left; cursor:pointer; color:#085fc9; font-size:10pt; font-weight:bold; text-decoration:none; font-style:normal; } div.more i:hover { float:left; cursor:pointer; color:#085fc9; font-size:10pt; font-weight:bold; text-decoration:underline overline; fo
  9. Hello All, I've been pulling my hair out over a seemingly simple issue. I'd like to create something as follows: 1. Question 1 a. Question 1 a b. Question 1 b c. Question 1 c i. Question 1 a i i. Question 1 b i i. Question 1 c i ii. Question 1 a ii ii. Question 1 b ii ii. Question 1 c ii iii. Question 1 a iii iii. Question 1 b iii iii. Question 1 c iii 2. Question 2 etc. Now, I'm perfectly happy to nest either ordered or unordered lists in the HTML, but what I can seem to get working is using the correct selector so that I can use: list-style-
  10. dustcomposer, thanks for the article. It is very interesting and probably does answer some of my questions. Namely, don't try to use the pseudo class selector for drop down menus if you want full compatibility on mobile phones, without the need for a mobile device stylesheet! Before the update on Google Chrome, I believe the dropdown operated when you tapped it once and then if you tapped a second time it would go to the default option. Prior to having 'default' options for each drop down, the hover was just used to display the menu. This would still work on a phone with a single tap i
  11. I have been able to test in the following mobile browsers: Android Chrome Firefox Opera The issue is that unless you have a phone with a stylus like the Note3/4 where you can hover on things, the default menu item is selected. So for example, the Diary dropdown links to Diary 2014 by default, unless you select another options. When viewing on a phone, tapping Diary will take you to diary and not lower the menu to select an option. The dropdown seemed to work on an older version of the Chrome app, but no longer works. There is no way I can go back to an older version of chrome o
  12. Thanks dsonesuk, that worked a treat! I was thinking from the start that it may be something to do with this, but had never had cause to use z-index. The one with 999 and position relative worked Any ideas about mobile browsing and hovering? It worked on mobile Chrome then after an update it stopped!
  13. I did think it may be something similar to this, I tried this code in the main stylesheet, but this didn't seem to do anything: video { z-index: -1;} What is interesting, it that the website works fine in IE but on Chrome it doesn't. I look forward to hearing from you.
  14. I use Hosting24. They are a reasonable price and I haven't ever had any issues with them.
  15. Hello, I am having some issues with the drop-down on this site: www.staffordscuba.co.uk On the front page there is a video, but for any menu that drops down over the video, as soon as the mouse goes onto the video area, the drop down disappears! I am guessing this is going to be some sort of issue with how the video or the menu is set to float with the other objects? Also, on the same topic, hovering over something on a computer is fine, but can be very tricky on a mobile device! Is there a way of fixing this issue on a mobile device without creating a complete mobile phone st
  16. I personally use Hosting24 and haven't had any issues with them.
  17. That's fantastic, when you say older versions of IE... are we talking 6 and below? EDIT:Just done a quick and found this really cool website: http://caniuse.com/inline-block which I thought was really neat. I know the W3Schools site has info on this too but it doesn't display it in as much detail and thought people might be interested in it? Kind Regards Ed
  18. Hi Dsonesuk Thanks, this seems to work when the page is full size but as soon as it is shrunk down it causes them to go back to left align... also I notice that the top menu now disappears under the image gallery for some reason? Kind Regards Ed
  19. I'm currently working on an image gallery for the website and I can't seem to get the images centered. There is a div called gallery which contains all of the images... it is dynamically changing the number of images it displays in a line which is what I want but... it isn't centering them despite using this in the CSS: #gallery {width:auto;margin:auto;} This is a link to the gallery:http://www.goathlandrailway.co.uk/gallery/2010/index.php Any help would be much appreciated. Kind Regards Edward
  20. Thanks, this has done the trick! I'm really pleased with the way they are laid out now
  21. Scratch that last one! It's working now thanks... apart from because it is set to clear on both in appears underneath the left panel with the Twitter and YouTube icons etc.
  22. Sorry, I haven't done this for ages. Ok, I think we're getting somewhere now! The ones with the images on the left seem to be picking up the normal image styling which is to center the image, but the ones on the right aren't?
  23. But it doesn't seem to be doing it properly... the ones with the image on the right are working correctly, and the ones with the images on the left aren't This is the link to the page: http://www.goathlandrailway.co.uk/about_us/committee.php
  24. Sorry silly mistake ... I was using class left for the twittter icon etc. I've fixed this now... but is there any way of making it so that the next div doesn't appear until the end of the previous image?
  25. Hi Dsonesuk Thanks for your quick reply, I presume I can remove the commented CSS now? I've tried the CSS you suggest and it works great for images on the right but not when the image is on the left. The heading for each person should always be on the left above the image or text. I have rectified this in the code now and reuploaded it. Kind Regards Edward
×
×
  • Create New...