Links force line breaks in text
-
I have this page that I am working on.
http://atlanticwebhost.com/resources/webhost-userguide.htmlIf you click on one of the links and then go back to the first page it puts in a line break. (I’m using FireFox, IE surprisingly doesn’t do it)
For example:
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.
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; }
- The topic ‘Links force line breaks in text’ is closed to new replies.