Rocksolid Light

Welcome to novaBBS (click a section below)

mail  files  register  newsreader  groups  login

Message-ID:  

Time sharing: The use of many people by the computer.


devel / comp.infosystems.www.authoring.html / main menu style?

SubjectAuthor
* main menu style?dale
+* Re: main menu style?JJ
|`- Re: main menu style?dale
`- Re: main menu style?Arno Welzel

1
main menu style?

<ltk24i1odrd0qd41acet1le45diqa7c1hp@4ax.com>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=476&group=comp.infosystems.www.authoring.html#476

 copy link   Newsgroups: comp.infosystems.www.authoring.html
Path: i2pn2.org!i2pn.org!eternal-september.org!news.eternal-september.org!.POSTED!not-for-mail
From: dal...@dalekelly.org (dale)
Newsgroups: comp.infosystems.www.authoring.html
Subject: main menu style?
Date: Thu, 20 Apr 2023 11:03:02 -0400
Organization: https://www.dalekelly.org
Lines: 39
Message-ID: <ltk24i1odrd0qd41acet1le45diqa7c1hp@4ax.com>
MIME-Version: 1.0
Content-Type: text/plain; charset=us-ascii
Content-Transfer-Encoding: 7bit
Injection-Info: dont-email.me; posting-host="3088c3390fd8cce56ba32ba185fbfe5a";
logging-data="688494"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX192yyCXF065XrzATDKsgNbbQjaRErwD8nA="
User-Agent: ForteAgent/8.00.32.1272
Cancel-Lock: sha1:XEokOdIpyjr2+1R7GWJeto5+NyA=
 by: dale - Thu, 20 Apr 2023 15:03 UTC

Hi,

I posted this in comp.infosystems.www.authoring.stylesheets but no
answer ...

I will like to improve my style sheet.

Here it is ...

https://www.dalekelly.org/mystyle.css

Here is my website ...

https://www.dalekelly.org/

I have unique styles in it for computers, tablets, and phones.

On computer sizes the main menu is on the left.

On tablet sizes the main menu is horizontal across the top.

On phone sizes the main menu is top to bottom.

On phones it seems like the menu is too long. Too many selections.

I am thinking of new menus.

Any thoughts of a new style sheet handling?

--
Mystery? -> https://www.dalekelly.org/

Facebook-> https://www.facebook.com/dalekellytoo/
Instagram -> https://www.instagram.com/dalekellytoo/
Twitter -> https://twitter.com/dalekellytoo/
YouTube-> https://www.youtube.com/@dalekellytoo
GitHub -> https://github.com/dalekellytoo
LinkedIn -> https://www.linkedin.com/in/dalekellytoo/
Pinterest -> https://www.pinterest.com/dalekellytoo/

Re: main menu style?

<4yp4kt3u9asm$.1umfwknrwutmq.dlg@40tude.net>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=477&group=comp.infosystems.www.authoring.html#477

 copy link   Newsgroups: comp.infosystems.www.authoring.html
Path: i2pn2.org!i2pn.org!eternal-september.org!news.eternal-september.org!.POSTED!not-for-mail
From: jj4pub...@outlook.com (JJ)
Newsgroups: comp.infosystems.www.authoring.html
Subject: Re: main menu style?
Date: Thu, 20 Apr 2023 23:27:13 +0700
Organization: A noiseless patient Spider
Lines: 46
Message-ID: <4yp4kt3u9asm$.1umfwknrwutmq.dlg@40tude.net>
References: <ltk24i1odrd0qd41acet1le45diqa7c1hp@4ax.com>
MIME-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: 7bit
Injection-Info: dont-email.me; posting-host="62f70f2cfc6d96586f30187de40e4a77";
logging-data="714999"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1/JuevCDdtScjJjWoizKq63GiBSy+FHWuM="
User-Agent: 40tude_Dialog/2.0.15.84
Cancel-Lock: sha1:tYNFXJQXJXq9iAIa+cZSacYN6Us=
X-Face: \*\`0(1j~VfYC>ebz[&O.]=,Nm\oRM{of,liRO#7Eqi4|!]!(Gs=Akgh{J)605>C9Air?pa d{sSZ09u+A7f<^paR"/NH_#<mE1S"hde\c6PZLUB[t/s5-+Iu5DSc?P0+4%,Hl
X-Bitcoin: 1LcqwCQBQmhcWfWsVEAeyLchkAY8ZfuMnS
 by: JJ - Thu, 20 Apr 2023 16:27 UTC

On Thu, 20 Apr 2023 11:03:02 -0400, dale wrote:
> Hi,
>
> I posted this in comp.infosystems.www.authoring.stylesheets but no
> answer ...
>
> I will like to improve my style sheet.
>
> Here it is ...
>
> https://www.dalekelly.org/mystyle.css" rel="nofollow" target="_blank">https://www.dalekelly.org/mystyle.css
>
> Here is my website ...
>
> https://www.dalekelly.org/
>
> I have unique styles in it for computers, tablets, and phones.
>
> On computer sizes the main menu is on the left.
>
> On tablet sizes the main menu is horizontal across the top.
>
> On phone sizes the main menu is top to bottom.
>
> On phones it seems like the menu is too long. Too many selections.
>
> I am thinking of new menus.
>
> Any thoughts of a new style sheet handling?

Most mobile layout sites would use one-row scrollable nav. Taking advantage
of touch input. i.e. add these:

ul.sidenav {
display: flex;
}

If all nav links must be visible, then make it two columns. i.e. ad these:

ul.sidenav {
display: flex;
flex-wrap: wrap;
} ul.sidenav > li {
width: 50%;
}

Re: main menu style?

<83t24ilghuqsm043g97fpqc050r5evroqb@4ax.com>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=478&group=comp.infosystems.www.authoring.html#478

 copy link   Newsgroups: comp.infosystems.www.authoring.html
Path: i2pn2.org!i2pn.org!eternal-september.org!news.eternal-september.org!.POSTED!not-for-mail
From: dal...@dalekelly.org (dale)
Newsgroups: comp.infosystems.www.authoring.html
Subject: Re: main menu style?
Date: Thu, 20 Apr 2023 13:21:30 -0400
Organization: https://www.dalekelly.org
Lines: 64
Message-ID: <83t24ilghuqsm043g97fpqc050r5evroqb@4ax.com>
References: <ltk24i1odrd0qd41acet1le45diqa7c1hp@4ax.com> <4yp4kt3u9asm$.1umfwknrwutmq.dlg@40tude.net>
MIME-Version: 1.0
Content-Type: text/plain; charset=us-ascii
Content-Transfer-Encoding: 7bit
Injection-Info: dont-email.me; posting-host="3088c3390fd8cce56ba32ba185fbfe5a";
logging-data="730576"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX19TEwsvnaKLbr+3S5gwyMDdNvAPRJxL1P8="
User-Agent: ForteAgent/8.00.32.1272
Cancel-Lock: sha1:mhkP5Bvx8wPgMTWz+vaubQVVD4g=
 by: dale - Thu, 20 Apr 2023 17:21 UTC

On Thu, 20 Apr 2023 23:27:13 +0700, JJ <jj4public@outlook.com> wrote:

>On Thu, 20 Apr 2023 11:03:02 -0400, dale wrote:
>> Hi,
>>
>> I posted this in comp.infosystems.www.authoring.stylesheets but no
>> answer ...
>>
>> I will like to improve my style sheet.
>>
>> Here it is ...
>>
>> https://www.dalekelly.org/mystyle.css" rel="nofollow" target="_blank">https://www.dalekelly.org/mystyle.css
>>
>> Here is my website ...
>>
>> https://www.dalekelly.org/
>>
>> I have unique styles in it for computers, tablets, and phones.
>>
>> On computer sizes the main menu is on the left.
>>
>> On tablet sizes the main menu is horizontal across the top.
>>
>> On phone sizes the main menu is top to bottom.
>>
>> On phones it seems like the menu is too long. Too many selections.
>>
>> I am thinking of new menus.
>>
>> Any thoughts of a new style sheet handling?
>
>Most mobile layout sites would use one-row scrollable nav. Taking advantage
>of touch input. i.e. add these:
>
>ul.sidenav {
> display: flex;
>}
>
>If all nav links must be visible, then make it two columns. i.e. ad these:
>
>ul.sidenav {
> display: flex;
> flex-wrap: wrap;
>}
>ul.sidenav > li {
> width: 50%;
>}

Thank You !

Will give it a try and get back.

--
Mystery? -> https://www.dalekelly.org/

Facebook-> https://www.facebook.com/dalekellytoo/
Instagram -> https://www.instagram.com/dalekellytoo/
Twitter -> https://twitter.com/dalekellytoo/
YouTube-> https://www.youtube.com/@dalekellytoo
GitHub -> https://github.com/dalekellytoo
LinkedIn -> https://www.linkedin.com/in/dalekellytoo/
Pinterest -> https://www.pinterest.com/dalekellytoo/

Re: main menu style?

<kaib7oFj0dsU1@mid.individual.net>

 copy mid

https://www.novabbs.com/devel/article-flat.php?id=479&group=comp.infosystems.www.authoring.html#479

 copy link   Newsgroups: comp.infosystems.www.authoring.html
Path: i2pn2.org!i2pn.org!weretis.net!feeder8.news.weretis.net!news.szaf.org!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: use...@arnowelzel.de (Arno Welzel)
Newsgroups: comp.infosystems.www.authoring.html
Subject: Re: main menu style?
Date: Sat, 22 Apr 2023 17:02:16 +0200
Lines: 16
Message-ID: <kaib7oFj0dsU1@mid.individual.net>
References: <ltk24i1odrd0qd41acet1le45diqa7c1hp@4ax.com>
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 7bit
X-Trace: individual.net afUOqmOfAR3/2qejgEAxIAXUcJUu52U4qZ85nonSxGCpaWC6Yr
Cancel-Lock: sha1:hSq12JKRfemnGnC50ajZ4s4phqI=
Content-Language: de-DE
In-Reply-To: <ltk24i1odrd0qd41acet1le45diqa7c1hp@4ax.com>
 by: Arno Welzel - Sat, 22 Apr 2023 15:02 UTC

dale, 2023-04-20 17:03:

> https://www.dalekelly.org/
[...]
> On phones it seems like the menu is too long. Too many selections.

You may implement a drop down menu using CSS, also see here:

<https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/>

--
Arno Welzel
https://arnowelzel.de

1
server_pubkey.txt

rocksolid light 0.9.7
clearnet tor