Jump to content


  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by Ingolme

  1. Ingolme

    Overline with arrows

    That's one way to do it. It'll take even more work to get the arrow to cross over two or more variables. Possible, sure, but not easy. It's not a feature built into the language was what I was getting at. It certainly would be nice if more browsers supported MathML.
  2. I use MDN for HTML and CSS. W3Schools is good for learning. Their primary job is to teach the basics and they do a pretty good job making things easy to understand. It is not complete as a reference, but that's not the focus. As for W3Schools not being kept up to date, I have seen evidence that it is getting updated pretty frequently. It is pretty often that new forum members mention pages on the site that I was not aware existed.
  3. Most likely browsers have this limit to save memory and processing when rendering tables. The table rendering algorithm is pretty slow. Perhaps you should consider a different method to represent the family trees. In fact the tree structure of HTML is ideal for representing tree-like structures. First create the family tree structure using lists in HTML, then use CSS to style them however needed. <ul> <li><span>Item 1</span> <ul> <li><span>Item 1.1</span> <ul> <li><span>Item 1.1.1</span> <ul> <li><span>Item</span> <ul> ... </ul> </li> <li><span>Item</span> <ul> ... </ul> </li> </ul> </li> <li><span>Item 1.1.2</span> <ul> <li><span>Item</span> <ul> ... </ul> </li> <li><span>Item</span> <ul> ... </ul> </li> </ul> </li> </ul> </li> <li><span>Item 1.2</span> <ul> <li><span>Item 1.2.1</span> <ul> <li><span>Item</span> <ul> ... </ul> </li> <li><span>Item</span> <ul> ... </ul> </li> </ul> </li> <li><span>Item 1.2.2</span> <ul> <li><span>Item</span> <ul> ... </ul> </li> <li><span>Item</span> <ul> ... </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> For the CSS, a flex box will work ul { display: flex; whitespace: nowrap; margin: 0; padding: 0; } li { display: inline-block; flex: 0 0 auto; text-align: center; margin: 0; padding: 0; } li span { display: inline-block; border: 1px solid #AAA; margin: 4px; } This is very basic styling, but there is barely a limit to what you can do with CSS.
  4. Ingolme

    Overline with arrows

    There is no way to do that in HTML or CSS.
  5. Ingolme

    Overline with arrows

    In math it is normal to add "diacritics" of sorts to variables to indicate what type of information it contains, some examples can be found in this page: https://en.wikipedia.org/wiki/List_of_mathematical_symbols#Letter-based_symbols
  6. Which programming language are you using?
  7. Ingolme

    @font-face isn't working

    Does the file "azonix-webfont.woff" exist in the same directory as the HTML file? You can check the network tab in your browser's developer tools to see if the font failed to load. Most browsers will display the developer tools when you press the F12 key on your keyboard.
  8. Ingolme

    Overline with arrows

    Most sites that deal with math generate images with LaTeX or some similar software and put those on the page. There is an XML-based language called MathML which can render any mathematical symbols but it is only supported by Firefox (https://developer.mozilla.org/en-US/docs/Web/MathML), other browsers haven't caught up yet.
  9. Without seeing your HTML I can't give a specific solution. I would expect the tables to automatically keep things in line. You can use rowspan to make one cell take up multiple rows.
  10. Do you know any CSS? There are several ways to do it in CSS. Either with a flexbox, floated elements or inline blocks.
  11. I'd have to check the references again, but I don't think that SQL has a concatenation operator, "+" is for addition. MySQL uses the CONCAT() function to concatenate strings.
  12. Ingolme


    Items that have a float property set to left or right behave as blocks. Personally I'd have explicitly put the "display: block" in the CSS if I had written the code.
  13. One possible solution is to give top padding to the container of the main content which is equal to the height of the header.
  14. That is not a good idea. Iframes have a terrible way of messing with the browser history among many other problems, PHP is a much better option. Why do you want to remove PHP? To answer your questions: The content in an iframe should be a complete document with a <!doctype>,<head> and <body> The window title will not change when the iframe changes, so you would have to use Javascript if you want that to happen. You would need Javascript if you want the iframe to be the same height as the document that it contains. There are only very special cases where using an iframe is not a bad idea and all of them are when building Javascript applications, not websites.
  15. Because the "+" operator concatenates strings as well as adding numbers. The computer determines which operation to do based on the data type of the variables. The value property of an HTML form control is always a string, so you have to convert it to a number before doing number operations on it.
  16. This is called a "byte-order mark" or "BOM". Be sure that your code editor is set to save your HTML with an encoding UTF-8 without BOM. The other thing you need to do to prevent encoding issues is to add a meta tag indicating that your document is encoded in UTF-8: <meta charset="UTF-8">
  17. Please, do not reply to really old topics.
  18. Please note that linking to competing tutorial websites is not permitted by the forum guidelines.
  19. You specifically set them to 48% of the window, so they always fit on one row. If you want them to wrap, you have to give them a width which will eventually not fit in the window and then they will move into columns. Alternatively, you can remove the width property and just use a media query to change the flex-direction to column on mobile devices.
  20. You can add a hash to the URL to which indicates the ID of the tab to be shown. When the page loads, you can use location.hash to access this value and then run the openCity() function with the ID obtained. The openCity() function would need to be changed to replace evt.currentTarget with a real pointer to the button that needs to be highlighted. If you don't understand how this openCity() function works right now, I suggest you keep studying until you can fully understand it and know what to change.
  21. It is explained on this page: https://www.w3schools.com/python/python_classes.asp Following the note is an entire section talking about the self parameter.
  22. The property is "flex-wrap" with a dash between the words.
  23. You might want to find a hardware forum rather than a web development forum.
  24. Ingolme

    Add R

    How does R relate to the World Wide Web?
  25. minlength is not the same as min. Min is to indicate the smallest value in number and date types. minlength indicates the shortest permitted string in a text input.
  • Create New...