How to control where text breaks in...
I am a beginner who is just learning to use Responsive Site Designer. I want a footer with our company name, address, telephone numbers, email address, etc., and I want to control where the text breaks as the width of the screen decreases. What is the best way to do this? Thanks.
Hi there Kevin,
Welcome to the forums! I guess I'm not really following what you want to do exactly. Can you please describe what you want to happen.
Welcome to the forums! I guess I'm not really following what you want to do exactly. Can you please describe what you want to happen.
Taking over the world one website at a time!
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
If you don't want the text to wrap assign white-space: nowrap; property and use a <p> element. If you need separate control over each line use <h> element and assign a class or id and adjust each elements style at your break points.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
I should never work on this when I'm tired. This morning I decided to make the items in my footer an unordered list. Now when I decrease the width of the screen, the text breaks exactly where I want it to. For example, "Tel: xxx.xxx.xxxx" stays together instead of "Tel:" on one line and the number on the next. Now, how do I make the last item in my unordered list an email link for people to contact us?
Kevin wrote:
Now, how do I make the last item in my unordered list an email link for people to contact us?
Now, how do I make the last item in my unordered list an email link for people to contact us?
Here's an article (in progress) about linking to documents, pages, email address etc.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
Yes, it is much easier now... just edit text, highlight what you want (in this case, the email address) and on the right pane you will see 'Inline Elements' show up with a 'Link' entry. Just enter in: 'mailto:email@address.com' and whatever you highlighted will be linked to that. In other instances just use 'http://www.whatever.com' for web links, etc.
Once you've done that, you can highlight the same areas and change the font colors as well. Works great!
Once you've done that, you can highlight the same areas and change the font colors as well. Works great!
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.