URLs extend into the message area

[dewebel]

Script URL: http://www.aaronvanriet.nl/gbook/gbook.php
Version of script: 1.7
Hosting company:
URL of phpinfo.php:
URL of session_test.php:
What terms did you try when SEARCHING for a solution: url*, long, *wrap*, *link*

Write your message below:

Long URLs extend into the message area. AFAIK they should wrap.
How to solve

[Henrie]

Hallo dewebel,

Find your style.css file inside your template folder.
Inside it is a line

Code: Select all

a.gbook_submitted{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#0066FF; text-decoration:underline;}

T
There are 2 options to get te result you like.

1. add

   Code: Select all

   display:block; word-wrap:break-word;

   to this line. I think this is the best looking method.
2. add

   Code: Select all

   display:block; overflow:auto;

   This looks a bit less good I think, but is better for really really really long url's.

Groeten,
Henrie

[dewebel]

The first one has done the trick

Peculiar that this wasn't already in the file
Installed the GBook with a Wysiwyg Webbuilder extension.

[Henrie]

It wasn't already in the file because it is a CSS3 specification which is fairly new. Therefore it is not well known yet. I found it because I was looking for different wrap options but I also had not heard of this option before.
And usually website url's are not that long, so it was not needed in GBook.

That it is so knew might also cause some older browsers not to support it. They will than display it the same way as it has done untill now.

Greetings,
Henrie