|
|||
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"> © 2006 Nick Bohle </p> www.nickbohle.de</p> </div> </p> </p> </div> </div> </div> </body> </html> 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 |
Sponsored Links |
|
|||
vermutlich ist nirgends ein
Code:
* {padding:0; margin:0} 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;"> |
Sponsored Links |
|
|||
Schau dir das ausgegebene HTML an:
Zitat:
Validier mal dein Dokument. Grüße fricca |
|
|||
Zitat:
Viele Grüße, aurinko
__________________
\"ich bin ein freier mensch!\" Albert Schweitzer |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |