SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Apr 2006
    Location
    London
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Paragraph auto line space

    Hi

    I'm sure this is simple but i just can't find the problem. Normally when you writie a new paragraph in XHTML it automatically leaves a space in between paragraphs.

    However, for some reason on 1 of my sites this is not happening. I assume it must be something in my CSS but i just can't see it.

    Any help would be much appreciated. Here is the CSS:

    Code:
    body{
    	margin:0;
    	padding:0;
    	text-align:center;
    	min-width:740px;
    	background-color: #94927b;
      	color: #333333;
    	line-height:115%;
    }
    #wrapper{
    	text-align:left;
    	width:740px;
    	margin-left:auto;
    	margin-right:auto;
    	margin-top:20px;
    	margin-bottom:20px;
    }
    #wrapper .roundcont h1 {
    	color: #cc6666;
    	font-family:"Trebuchet MS";
    	font-size: 1.5em;
    }
    #wrapper .roundcont h2 {
    	color: #cc6666;
    	font-family:"Trebuchet MS";
    	font-size: 1.2em;
    }
    #wrapper .roundcont p {
    	font-size: 0.8em;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    #wrapper .roundcont .gallerycontainer h2 {
    	margin-top: 0;
    	margin-bottom: 10;
    }
    #wrapper .roundcont #tagline {
    	color: #cc6666;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	font-size:1em;
    }
    #nav {
    	background-color: #94927B;
    	margin-left: 10px;
    	padding-bottom: 0px;
    }
    #nav a {
    	text-decoration: none;
    	color: #FFFFFF;
    	font-weight: bold;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    #nav ul{
    	font-size: medium;
    	margin: 10px 0px 0px;
    	list-style-image: none;
    	list-style-type: none;
    }
    #nav li {
    	display: inline;
    	padding-top: 10px;
    	padding-right: 10px;
    	padding-bottom: 0px;
    }
    .main_img {
    	float:right;
    	margin:5px;
    	border: thin solid #94927B;
    }
    
    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */
    
    .gallerycontainer{
    	padding: 5px;
    	background-color: #FFFFFF;
    	height:150px;
    /*Add a height attribute and set to largest image's height to prevent overlaying*/
    }
    .thumbnail img{
    	border: 1px solid #94927b;
    	margin: 0 5px 5px 0;
    	display:inline;
    }
    .thumbnail:hover{
    	background-color: transparent;
    }
    .thumbnail:hover img{
    	border: 1px solid #94927b;
    }
    .thumbnail span{ /*CSS for enlarged image*/
    	padding: 5px;
    	left: -1000px;
    	border: 1px dashed gray;
    	visibility: hidden;
    	color: black;
    	text-decoration: none;
    	position: absolute;
    }
    .thumbnail span img{ /*CSS for enlarged image*/
    	border-width: 0;
    	padding: 2px;
    }
    .thumbnail:hover span{ /*CSS for enlarged image*/
    	visibility: visible;
    	top:475px;
    	left: 50px; /*position where enlarged image should offset horizontally */
    	z-index: 50;
    }
    
    /*Credits: AdamKalsey */
    /*URL: http://kalsey.com/2003/07/rounded_corners_in_css/ */
    
    .roundcont {
    	width: 740px;
    	background-color: #ffffff;
    	color: #000000;
    	margin-top:10px;
    }
    
    .roundcont p {
    	margin: 0 10px;
    }
    
    .roundcont h1 {
    	margin: 0 10px;
    }
    
    .roundcont h2 {
    	margin-left:10px;
    }
    
    .roundtop { 
    	background: url(images/tr.gif) no-repeat top right; 
    }
    
    .roundbottom {
    	background: url(images/br.gif) no-repeat top right; 
    }
    
    img.corner {
       width: 15px;
       height: 15px;
       border: none;
       display: block !important;
    }

  2. #2
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hello
    Code:
    .roundcont p {
    	margin: 0 10px;
    }
    Has all paragraphs in the .roundcont div set to 0 top and bottom margins.

    Hope it helps.

  3. #3
    SitePoint Enthusiast
    Join Date
    Apr 2006
    Location
    London
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    oh of course! this is what happens when you use other people's code.

    thank you.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •