Announcement

Collapse
No announcement yet.

Strange HTML problem?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Strange HTML problem?

    Hello There,

    So i am messing around in movable type making templates for a new website i am in the process of making. Anyway i have coded the general layout but have a small problem which i cannot figure out so i come to you for help.

    Please seen the screenshot, html and css below. As you can see in the screenshot the text to the right of the image sits down a line which i didn't intentionally code lol i would like the text to sit in line with the top of the image. Alot of the code are mt variables, all they do is add text when building the website.

    HTML:
    Code:
    <$MTInclude module="header"$>
    <td width="554" class="content" valign="top">
           <img src="../style/test_panel_yellow.jpg" alt="" width="552"><br>
    	<MTEntries lastn="4">
      		<MTDateHeader>
      	       		<div class="date">
    		   		<h1><$MTEntryDate format="%x"$></h1>
                   	</div>
                   	<img src="http://www.angelsandairwaves.be/style/bar.gif">
      		</MTDateHeader>
      		<a id="a<$MTEntryID pad="1"$>"></a>
       			<div class="post">
      				<h2><$MTEntryTitle$> - <$MTEntryCategory$></h2>
      				<span class="your">Posted by <$MTEntryAuthorDisplayName$></span>
      				<br>
      				<img src="http://www.angelsandairwaves.be/style/<$MTEntryCategory$>.jpg" alt="">
    				<$MTEntryBody$>
    				<MTEntryIfExtended>
      					<a href="<$MTEntryPermalink$>#more">Continue Reading &raquo;</a>
                    		</MTEntryIfExtended>
       			</div>
    	</MTEntries>
    </td>
    <$MTInclude module="right_panel_news"$>
    <$MTInclude module="footer"$>
    CSS
    Code:
    table, div {
    	font-size: 8pt;
    }
    
    h1, h2, h3, h4 {
    	font-family: 'Century Gothic', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    	font-weight: bold;
    	padding: 0px;
    	
    }
    h1 {
    	margin-top: 0px;
    	margin-bottom: 2px;
    	font-size: 18px;
    }
    h2 {
    	margin-bottom: 0px;
    	text-decoration: underline;
    	color: #7B2929;
    	font-size: 16px;
    }
    .your {
    	line-height: 0px;
    	color: #6A6A6A;
    }
    .post {
    	padding-left: 10px;
    	padding-top: 0px;
    	margin: 0px;
    }
    .post img {
    	float: left;
    	margin: 0px;
    	padding-right: 4px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	padding-top: 0px;
    }
    Any Ideas?
    Attached Files
    http://images.absolutepunk.net/images/andrew.gif

  • #2
    I dont have any idea about it.
    Diamond Ring
    Diamond Engagement Ring
    Insurance
    Avic Z1

    Comment


    • #3
      Well that was helpful. SPAM post a mod should delete this. Anyway i fixed the problem so i don't need help anymore.
      http://images.absolutepunk.net/images/andrew.gif

      Comment

      widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
      Working...
      X