zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Positionierung in einem Weblog

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.02.2006, 12:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.02.2006
Beiträge: 2
aurinko befindet sich auf einem aufstrebenden Ast
Standard Positionierung in einem Weblog

Moin!

Ich habe versucht, einen Weblog von www.blogger.com in eine angepasste Vorlage von Open Source Web Design zu integrieren. Dies ist mir eigentlich auch ganz gut gelungen.

Nun habe ich ein letztes großes Problem, siehe www.nickbohle.de/blog/index.html.

Ich weiß nicht, wie ich den Abstand zwischen der h2 überschrift und dem Post verringern kann.

Der Code sieht so aus:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title><$BlogPageTitle$></title>
<$BlogMetaData$>

  <style type="text/css">
body {
	margin:0;
	padding:0;
	font-family:verdana, arial, sans-serif;
	font-size:80%; color:#666666;
	text-align:center;
	background-color:#DDDDDD;
	}

p {
	margin:0.2em 0 0.2em 0;
	padding:0.3em;
	}

h1 {
	padding:0;
	margin:0;
	font-size:250%;
	font-weight:bold;
	margin:0;
	padding:0;
	font-style:italic;
	color:#000066;
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	text-align: left;
	}

h2 {
	background-color:#000066;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
	margin:0.2em;
	padding:0; 
	font-style:normal; 
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}

h3 {
	color:#666666;
	font-size:90%;
	margin:0.2em;
	padding:0.3em;
	font-style:italic;
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}

div {
	margin:0;
	padding:0;
	display:block;
	}

a:link, a:visited {
color:#000066; text-decoration:underline;}
a:hover {
color:#003366; text-decoration:none;}
a:active {
color:#000066; text-decoration:underline;}



.container {
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	padding:0;
	width:55%;
	}

.titleblock {
	padding:1em;
	margin:0;
	text-align:left;
	background-repeat:no-repeat;
	background-position:right bottom;
	background-image: url(../images/nb.gif);
	background-attachment: scroll;
	height: 108px;
	}

.titleblock p {
	text-indent:4em;
	color:#003366;
	}

ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height:1.5em; 
clear:both; margin:0; padding:0; background-color:#999999;}

ul.navbar li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; width:24.5%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}

a.nav:hover {
display:block; float:left; width:24.5%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#000066; color:#FFFFFF;}

a.nav:active {
display:block; float:left; width:24.5%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}

.rightcontainer {
	float:right;
	clear:both;
	width:13em;
	margin:1em 0 0 0;
	padding:0;
	}

.rightbox {
	margin:0.5em;
	padding:0.3em;
	border:1px solid #999999;
	text-align:left;
	}

.rightcontainer h2 {
	text-align:left;
	padding:0 0 0 0.2em;
	}

.linkbox a {
	margin:0.5em;
	padding:0.3em;
	display:block;
	}
	
.linkbox ul {
	margin-left:0;
	padding-left:0.2em;
	list-style-type:none;
	line-hight:2px;
	}
	
.content {
	clear:left;
	text-align:left;
	margin:1.2em 13.5em 0 0;
	padding:1em 1ex 1em 1.5ex;
	}

.content h2 {text-indent:0.2em;}

.content h3 {text-indent:0.2em;}

.content p {text-indent:0.2em;}

.content img {
  padding:4px;
  border:1px solid #000066;
  }

.footer {
	color:#999999;
	font-size:75%;
	margin:2.5em 0.2em 0.5em 0.5em;
	padding:0.8em; 
	border-top:1px solid #999999;
	text-align:left;
	clear:both;
	}

.footer .right {
	float:right;
	clear:right;
	text-align:right;
	}

.footer p {margin:0;}

  </style>
</head>


<body>
<div class="container">

<div class="titleblock">
    <h1><$BlogTitle$></h1>
    

<$BlogDescription$></p>
</div>

<div>
    <ul class="navbar">[*]Home[*]Weblog[*]Poems[*]Contact[/list]</div>


<div class="rightcontainer">
	
	<div class="rightbox">
      <h2>Disclaimer</h2>
      

 The author reserves the right not to be responsible for ... </p>
    </div>

	<div class="rightbox linkbox">
      <h2>Links</h2>
      <ul>[*]Ingolstadt School of Mangement 
		[*]Leo-Club Ingolstadt 
		[*]HSV[/list]	</div>

	<div class="rightbox linkbox">
      <h2>Previous Posts</h2>
      <ul>
        <BloggerPreviousItems>[*]<$BlogPreviousItemTitle$>
     	</BloggerPreviousItems>[/list]	</div>

	<MainOrArchivePage>
	<div class="rightbox linkbox">
      <h2>Archive</h2>
      <ul>
        <BloggerArchives>
    	[*]<$BlogArchiveName$>
	  </BloggerArchives>[/list]	</div>
	</MainOrArchivePage>

</div>

<div class="content">
<blogger>
	
	<BlogDateHeader>
	<h3><$BlogDateHeaderDate$></h3>
	</BlogDateHeader>
	
	<BlogItemTitle>
    <h2><$BlogItemTitle$></h2>
    </BlogItemTitle>
	
	<BlogItemBody>
	

<$BlogItemBody$></p>
	</BlogItemBody>
	
	<h3>
      posted by <$BlogItemAuthorNickname$> at <$BlogItemDateTime$>
      <MainOrArchivePage>
	  <BlogItemCommentsEnabled>
      ><$BlogItemCommentCount$> comments
      </BlogItemCommentsEnabled>
	  <BlogItemBacklinksEnabled>
	  links to this post
	  </BlogItemBacklinksEnabled>
	  </MainOrArchivePage>
	  <$BlogItemControl$>
    </h3>
</blogger>	
</div>
  

<div class="footer">
    <div class="right">
      

&copy; 2006 Nick Bohle </p>
      

www.nickbohle.de</p>
    </div>
    

</p>
    

</p>
  </div>

</div>

</div>
</body>
</html>
Aufgrund des Weblog Systems müsssen die css daten leider in die html datei integriert werden. Die restlichen Tags gehören zum Blog.

Für Eure Hilfe wäre ich sehr dankbar, ich bin am verzweifeln!!!!

Viele Grüße
Aurinko

[/code]
__________________
\"ich bin ein freier mensch!\" Albert Schweitzer
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.02.2006, 12:59
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

vermutlich ist nirgends ein
Code:
* {padding:0; margin:0}
definiert.
Somit haben die <ul> und[list=1] den Defaultabstand nach allen Seiten. Browserseitig unterschiedlich.

Wenn Du das CSS nicht direkt ändern kannst, stellt doch den Abstand sio ab
Code:
<ul style="margin: 0;">
(bzw. andere gewünschte Werte, zumindest den margin-top)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.02.2006, 13:00
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Schau dir das ausgegebene HTML an:
Zitat:
<BlogItemBody>

<div style="clear:both;">[...]
Ein Element "BlogItemBody" gibt es nicht.
Validier mal dein Dokument.

Grüße
fricca
Mit Zitat antworten
  #4 (permalink)  
Alt 08.02.2006, 14:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.02.2006
Beiträge: 2
aurinko befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
<BlogItemBody>

<div style="clear:both;">[...]
Vielen Dank für den Hinweis. Dieser div tag wird von der blogsoftware erstellt... nun kann ich diesen tag schonmal manuell entfernen bis ich einen besseren Weg gefunden habe.

Viele Grüße,
aurinko
__________________
\"ich bin ein freier mensch!\" Albert Schweitzer
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Positionierung (in Prozent) JetGumX CSS 7 14.06.2014 16:43
Positionierung in Windows Mobile 5 JetGumX (X)HTML 2 15.03.2013 13:01
Firefox 4 und Positionierung ChOpSueY! CSS 2 09.05.2011 23:04
Positionierung z-index und IE Blub CSS 4 09.12.2007 16:51
komplexe Positionierung new user CSS 1 19.09.2007 12:51


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:16 Uhr.