Links force line breaks in text

Resolved lowercase001
(@lowercase001)

17 years, 2 months ago

Everytime I select some text in the editor and createa link of words, it renders on screen to put the link on it’s own line.

For an example see the below sentence…

Here is a sentence and this is the link. Here is another sentence which should NOT be forced to start on a new line.

So what happens? The word ‘link’ set as a link would move everything immediately after the word ‘link’ to the next line, so it would format like this…

Here is a sentence and this is the link
. Here is another sentence which should NOT be forced to start on a new line.

Any ideas what is going on here? Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)

Thread Starter

(@lowercase001)

My css…

@charset "utf-8";

#container {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
	width: 840px;
	padding: 0px;
}

#header {
         margin-top: 300px;
}

#content {
	clear: both;
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	width: 615px;
}

#menu {
	width: 142px;
	margin: 0px;
	margin-right: 15px;
	padding: 0px;
	float: right;
}

#footer {
	margin-right: auto;
	margin-left: auto;
         margin-top: 30px;
	clear: both;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
         text-align: right;
}

body {
	margin: 0;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #6b969a;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height: 20px;
}

h1, h1 a, h1 a:visited, #headerimg .description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #bbe4e8;
	letter-spacing:-2px;
	font-weight: bold;
         text-decoration: none;
         margin-top: 40px;
}

h1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ffffff;
	letter-spacing:-2px;
	font-weight: bold;
         text-decoration: none;
}

a {
	color: #bbe4e8;
	text-decoration: none;
}
a:hover {
	color: #bbe4e8;
	text-decoration: underline;
}

img {
         border-style: none;
}

.menu {
	list-style:none;
	width: 112px;
	margin:30px;
	padding: 0px;
}

.menu li, a {
	display:block;
}

.menu li a span {
	display:none;
}

li.home a {
	height:27px;
	background-image: url(images/menu_home.png);
}
li.home a:hover {
	background-position: -112px 0;
}
li.home a.active {
	background-position: -224px 0;
}

.vvqbox {
         padding: 5px;
	background-image: url(images/img_background.png);
	background-repeat: repeat;
}

.commentlist li {
 	padding: 5px 20px 5px 20px;
	margin-top:15px;
	background-image: url(images/img_background.png);
	list-style:none;
}

.commentlist cite {
	font-style:normal
}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#bbe4e8;
	text-decoration:none;
         display:block;
}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#FFF;
	text-decoration:underline;
}
ol {
         margin: 0px;
         padding: 0px;
         list-style-position: inside;
}

tugbucket

(@tugbucket)

17 years, 2 months ago

change

.menu li, a {
	display:block;
}

to:

.menu li a {
	display:block;
}

that comma looks to be the issue. it seems you want just the links in the menu to be displayed block. with the comma, you’re actually telling ALL links to do so.

Thread Starter

lowercase001

(@lowercase001)

17 years, 2 months ago

That was the problem. Thanks so much for the fix!

barrybostwick

(@barrybostwick)

17 years ago

I am having the same exact problem.

Here is my css.

@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; /* changed from 11px to 13px for review on Oct. 24 */
	color: #000000;
}
.menu li a {
	color: #FFFFFF;
	display:block;

}
.menu li a span {
	display:none;
}

a:hover {
	color: #BED1E9;
	/*	color: #FF9800;   */
	text-decoration: none;
	outline: none;
}

img {
	border: none;
}
.body {
	background-position: top;
	vertical-align: top;
	top: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
}
#wrap {
	margin: auto;
	width: 760px;
	background-color: #fff;
}
.pageback {
	background-image: url(images/nav/back.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-attachment: scroll;
}
.bodyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: right;
	padding: 10px;
	color: #000000;
}

/* Nav */
#button {
	margin: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.navbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 1px;
}
.navbuttonoff {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.bodycolumnback {
	background-image: url(images/columnback2.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	padding-right: 25px;
	padding-left: 25px;
	font-style: normal;
	line-height: 20px;
}
.featuresBig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3670B9;
	vertical-align: middle;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.bodycolumnbackdown {
	background-image: url(images/columnback%20down2.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	line-height: 20px;
	vertical-align: bottom;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.bodyback {
	background-image: url(images/bodyheaderfull.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	padding-right: 25px;
	padding-left: 25px;
	font-style: normal;
	line-height: normal;
}
.bodybackdown {
	background-image: url(images/bodyheaderfullbottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	line-height: 20px;
	vertical-align: bottom;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.body2 {
	background-position: left top;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.bigBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #253D95;
	vertical-align: middle;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.smallBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3670B9;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
}
.bodytight {
	background-position: left top;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
}
.bodytightbold {
	background-position: left top;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
}
.form {
	background-position: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: normal;
	padding-right: 5px;
}
.formsmall {
	background-position: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height: 20px;
	font-weight: normal;
	padding: 0px;
}
.white{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #ffffff}

.blue{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3670B9}

.black{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #000000}

.darkblue{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #02188A;
}
.udarkblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #02188A;
	text-decoration: underline;
}

.input
{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal;
	color: #000000;
	background: #F5F5F7;
	border: 1px solid #4479BD
}
.button{
	background-color: #4479BD; font-weight: none; font-size: 12px; color: white;.bluePlain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3670B9
}
.whiteNAVendright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-image: url(images/nav/bar-end-right.jpg);
	background-position: right;
}

And my example page that I am working on:
http://atlanticwebhost.com/resources/webhost-userguide.html

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Links force line breaks in text’ is closed to new replies.

Links force line breaks in text

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics