trebuchet | Trebuchet launches features at people | Access Management library

I am having a problem in my NAVBAR code!

Everything in my HTML and CSS is set up correctly, I am having the problem in one specific line of code where I am trying to Center The Text Logo!

Or should I specify another line of code to Center my Text Logo?

I put the Logo as a Text as I don't want to have an image as a logo.

But, now I am trying to Center the Logo Text in the Middle of the NAVBAR

but it is not working. I don't know how to put in the middle!

Please help!

PS: I don't want to change the current code, I just want to Center the Logo Text.

This is my Full Code in HTML and CSS!

Please Run it on your Editor to get a better understanding of it! Thank you for all your help.

HTML:

I'm new to Stack Overflow. I hope that I'm doing this correctly. ❤

I'm working on an old Etch-a-Sketch JavaScript project from months ago and decided to rework the 'mobile' form of the project because I hadn't bothered to do so at the time. At first, I tried just moving the buttons to the top horizontally, but I didn't like any of the variations I tried. So I decided I'd be better off with a dropdown menu instead that would appear when the screen is 500px or smaller, replacing the buttons.

The dropdown menu is supposed to do exactly what the buttons do - when a certain mode is selected, that's the mode that the program is supposed to switch to. For example, when the "Party mode" button is clicked, the program switches to "party mode". I want the dropdown menu to behave similarly - when the "party mode" option is selected, the program should switch to "party mode".

My logic was that I needed a function that grabbed the value of the dropdown menu, and then an "if" condition would run that pretty much says "If the value is x, x mode should run; else if the value is y, y mode should run", and so on. I added the function to the existing window.onload function so it would run upon the window loading. This didn't work.

Note that the dropdown menu will, in the future, only appear when the screen size is 500px or less. In addition, I still have the buttons on the screen for all sizes, just for testing/debugging purposes. When I'm done and have this figured out, the buttons will have "display = 'none'" and be hidden for the "mobile size".

Anyway, so yeah, the program is still just listening to the buttons, and not the dropdown menu. That leads me to believe that I need to somehow turn "off" the button mode? If that's the case, how do I do that? If that's not the case, what am I supposed to do here? Any help or insight would be greatly appreciated. Thanks!

I am using a reporting tool, which allows slight customising through HTML.

Constrains:

• styles only (no CSS)
• tables only (no DIVs)

This tool will print multiple rows per each student, depending on subject matters, learning objects, etc. In a word, number of rows in the table can vary.

The issue is, if the 2nd column in the table is higher than the first one, the rows in the first column will not fill height, thus leaving blank space after the last row:

What I would like to achieve, is to adjust row heights in 1st column to fill column height proportionally so that there's no extra gap after the last row, in case the 2nd column is higher than the first one (see JSFiddle below)

Report code templates, which could be adjusted somehow:

Main loop template

How can i reduce the "gap" or the "space" cause by the
on this CSS because it is too much ... also it is really noticeable on actual web browser on PC so here's a live demo thank you ..

I make a simple login page using html and css and javascripts. But when i submit and in case of some javascript lines execution after few seconds the page refresh automatically.when i submit form it shows desiered output but is few seconds webpage refresh. HTML code

I want to create a navbar with HTML and CSS and I want when I hover my mouse cursor over each item , a little line would appear bellow the items (like border-bottom) with a 0.2s transition. and I want the line appears from right to left I searched and I found that I should use this code:

My goal is to be able to vertically align animated text in a div element. I have tried looking for an answer on here, but can't seem to find any. Specifically, I've tried display:table-cell, vertical-align:middle, and line-height:__, but they all give the same result.

I'm making a counter that is contained within a box. I'm trying to make this counter responsive to different screen sizes, but the media query I'm trying to use will not work for some reason.

I have tried changing the the device width to below 768px but the query has no effect on the counter and I'm not sure why. I have included the HTML/PHP code for the counter as well as the CSS. Can anybody figure out why it's not working

I have made sure this tag is included in the head of the document.

I am working on a project to have a random word guessing game. So far most of the code is working but I am trying to implement some rules on the length of words displayed to the user as a measure of game difficulty (shorter words = easier, etc). I am using a drop-down menu to get the user's setting selection, and then have rules in the JS tags that are supposed to be handling this.

After toying around with this for several days, I was hoping that a fresh pair of eyes might have a suggestion about where I am going wrong to be able to enforce the rules I am trying to enforce?

The specific functions that should be handling this are setDifficulty(), getSelection(), and randomWord()