The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help with responsive text!
Agares
post Jul 6 2020, 07:13 PM
Post #1





Group: Members
Posts: 4
Joined: 6-July 20
Member No.: 27,423



Hello guys!
So, I tried to set up a small page for a roleplay blog, but there is a little problem. The top text, is not responsive instead of the background and also the image of Bigby Wolf and the dropdown overlaps with the other words. I'm being crazy and I really need help now.
I'm using repl.it and that's my website from a general point of view

https://Calendario3--agares.repl.co

I'll also attach the .zip file with all the file you need in case you want to modify all the code.


P.S. Sorry for my bad english


Attached File(s)
Attached File  Calendario3.zip ( 66.26k ) Number of downloads: 2
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 7 2020, 05:22 AM
Post #2


Computer says no.
********

Group: WDG Moderators
Posts: 18,996
Joined: 9-August 06
Member No.: 6



The menu seems designed to create an overlay just below About in a wider browser window and when the window is more narrow it instead creates it at the bottom of the window and then it also covers the whole width of the window. If the window is really narrow it shows up at the top of the window, again full with but now its background also covers everything below it on the page.

I guess it's that last situation you want different.

Anyway, it's JavaScript and it's over my head. I move the thread to the Client side scripting forum. Maybe Christian can help you.

User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Agares
post Jul 7 2020, 05:48 AM
Post #3





Group: Members
Posts: 4
Joined: 6-July 20
Member No.: 27,423



QUOTE(pandy @ Jul 7 2020, 05:22 AM) *

The menu seems designed to create an overlay just below About in a wider browser window and when the window is more narrow it instead creates it at the bottom of the window and then it also covers the whole width of the window. If the window is really narrow it shows up at the top of the window, again full with but now its background also covers everything below it on the page.

I guess it's that last situation you want different.

Anyway, it's JavaScript and it's over my head. I move the thread to the Client side scripting forum. Maybe Christian can help you.


Exactly, and I don't want the words to overlap, I'd rather they all stay on the same line, or at least not create that overlap. By the way, thank you! I appreace it! smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 7 2020, 06:07 AM
Post #4


Computer says no.
********

Group: WDG Moderators
Posts: 18,996
Joined: 9-August 06
Member No.: 6



I didn't see any overlap (more than when the whole page was covered).
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Agares
post Jul 7 2020, 07:11 AM
Post #5





Group: Members
Posts: 4
Joined: 6-July 20
Member No.: 27,423



QUOTE(pandy @ Jul 7 2020, 06:07 AM) *

I didn't see any overlap (more than when the whole page was covered).



http://prntscr.com/tddid7
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 7 2020, 03:30 PM
Post #6


Computer says no.
********

Group: WDG Moderators
Posts: 18,996
Joined: 9-August 06
Member No.: 6



QUOTE(Agares @ Jul 7 2020, 02:11 PM) *

QUOTE(pandy @ Jul 7 2020, 06:07 AM) *

I didn't see any overlap (more than when the whole page was covered).



http://prntscr.com/tddid7



What page is that? I don't find any page with a google search box. And all linked pages are on another domain. It's a little confusing.
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Agares
post Jul 7 2020, 06:01 PM
Post #7





Group: Members
Posts: 4
Joined: 6-July 20
Member No.: 27,423



QUOTE(pandy @ Jul 7 2020, 03:30 PM) *

QUOTE(Agares @ Jul 7 2020, 02:11 PM) *

QUOTE(pandy @ Jul 7 2020, 06:07 AM) *

I didn't see any overlap (more than when the whole page was covered).



http://prntscr.com/tddid7



What page is that? I don't find any page with a google search box. And all linked pages are on another domain. It's a little confusing.


The page that i showed is this:

https://Calendario3--agares.repl.co

resized a bit for showing the issue
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 7 2020, 07:40 PM
Post #8


Computer says no.
********

Group: WDG Moderators
Posts: 18,996
Joined: 9-August 06
Member No.: 6



OK, so the links are on two rows in a narrow window and a drop down from a link in a top row overlaps the link in the bottom row. That's what drop downs do. How do you want it instead?

I think a bigger problem that the you've used opacity: 0 with the dropdown. At least I think that's what causes it. The overlapped link text shows through and make everything unreadable.

Also, you have put the style block at the bottom of the page after </html>. Nothing should be there. The style block should be in HEAD.
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 12th August 2020 - 02:23 AM