uneingeschränkt? meint ihr das ist am besten, auch wegen darstellung und so?
wie sieht dann der volle header (naja die document typ deklaration) als code aus?
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenuneingeschränkt? meint ihr das ist am besten, auch wegen darstellung und so?
wie sieht dann der volle header (naja die document typ deklaration) als code aus?
Hab jetzt alles valide gemacht (aktuelle version aber noch nicht online)
und den Fehler gefunden!!! :-D
ER WAR TOTAL LÄCHERLICH! Dass ich das übersehen habe:
er war innerhalb des content div obwohl er hätte auf gleicher ebene sein müssen also danach... sowas bescheuertes...
Nun nochwas:
Welche DTD würdet ihr verwenden?
Mit dem letzten Beitrag kann ich nichts anfangen, aber ich habe jetzt auch mal den Stylesheet online gestellt:
http://www.myfreebieportal.com/mystyle.css
Dake schonmal!
keine Antworten??? Ich hoffe es kann mir jmd hefen, die Zeit drängt!
Hier jetzt der Quelltext aus dem Browser (also ohne php) mit 3 Beiträgen.
Den Blog habe ich erst noch auf einem bei mir installierten Server drauf (offline) daher keine URL... Habe probleme den Datenbankinhalt in eine Datenbank auf meinem Webspace zu kopieren (Fehlermeldungen etc.), deshalb ist es nicht einfach die online zu kriegen...
Also hier der Quelltext:
war zu lang... habs hier als txt hinterlegt:
wordpress.txt
Hoffe das hilft bei der Problemfindung
margin-left zeigt keinen effekt...
hmmm ich bin echt ratlos
Astrid: du sagtest du würdest dein css ganz anders gestalten, wie denn?
Oh mist das wäre aber kompliziert mit dem hochladen... müsste ich ja irgendwie neue datenbank einrichten und den alten inhalt auch da rein kriegen, ich versuchs mal.
Wäre aber toll wenn auch so antworten kämen!
kann nicht sein, enthält einfach nur text wie alle anderen beiträge auch, nichts außergewöhliches, 100% reproduzierbarer fehler
Also: Bei 2 Blogeinträge alles super!
Wenn ich aber einen 3. Beitrag reinstelle rutscht mein login feld was eig rechts oben ist links unter den letzten Beitrag und beim abschließenden Bild stimmt auch was nicht.
Schaut euch mal die Zustandsbilder an, zusätzlich stelle ich meinen Stylesheet und einen html ausschnitt rein!
Im Anhang sind die Bilder:
Bild 1: Alles super, so wie es sein soll (2 Beiträge vorhanden)
Bild 2: Mist (3 Beiträge vorhanden) Login Feld ist weggerutscht
Bild 3: Dort ist es hingerutscht, es wurd zerfetzt und den abschluss mit den runden Ecken unten hats auch zerfetzt
Wie kann das sein?
Hier noch Code:
Der Stylesheet... (hoffe alles relevante ist dabei)
@charset "UTF-8";
/* CSS Document */
a img {
text-decoration:none;
border-width:0px;
outline-width:0px;
}
#contentframe {
position:relative;
align:center;
margin-top:-2px;
width:783px;
height:auto;
background-image:url(contentbg.png);
}
#content {
position:relative;
width:500px;
height:auto;
float:left;
margin-left:34px;
margin-top:-30px;
text-align:left;
overflow:hidden;
}
.content {
font-size:14px;
line-height:20px;
color:#111111;
word-spacing:auto;
}
#clear {
clear:both;
}
#right {
position:relative;
display:block;
float:right;
width:220px;
height:auto;
margin-top:-14px;
margin-right:24px;
}
#login {
position:relative;
display:block;
align:right;
width: 200px;
height:140px;
background-image:url(login.png);
}
#benutzername {
position:relative;
margin-top: 46px;
margin-left: -6px;
}
#passwort {
position:relative;
margin-top: 14px;
margin-left: -6px;
}
#anmelden {
position:relative;
left:-54px;
top:14px;
height:20px;
width:67px;
}
input {
border-width: 0px;
}
#contentframebottom {
align:center;
clear:both;
position:relative;
width:783px;
height:32px;
margin-top:auto;
background-image:url(contentbottombg.png);
}
Alles anzeigen
Hier noch ein html ausschnit:
<div id="contentframe">
<div id="content" class="content">
<!-- Hier ist der Wordpress Loop drin -->
</div>
<div id="right">
<div id="login">
<form>
<input type="text" value="Benutzername" size="20" maxlength="20" id="benutzername" onfocus="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/loginaktiv1.png)';" onblur="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/login.png)';" />
<input type="password" id="passwort" value="Passwort" size="20" maxlength="20" onfocus="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/loginaktiv2.png)';" onblur="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/login.png)';" />
<div id="anmelden" onmouseover="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/anmelden.png)';"
onmouseout="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/login.png)';" onclick="location.href='http://www.web.de'" ></div>
</form>
</div>
</div>
<div id="clear"></div>
</div>
<div id="contentframebottom"></div>
Alles anzeigen
Hoffe jemand kann mir helfen DANKE!
Moritz
Genau daselbe habe ich auch hinter mir... ^^
Die einzigste bei mir realisierbare Methode war die Anpassung eines Themes.
das heißt du kopierst ein standard theme und passt dir die index.html an (und natürlich stylesheets etc.)
In die Indexseite fügst du deine bereits vorhandene html datei komplett ein und dort wo du den blog einfügen möchtest, wahrscheinlich ein div setzt du den sogenannten "Wordpress Loop" ein (kannst du aus dem theme das du bearbeitest übernehmen und anpassen...), was bei mir dann so aussah:
...
<div> <!--Div an der stelle wo du den blog einfügen möchtest-->
<?php if (have_posts()) : ?>
<?php $post = $posts[0]; // Thanks Kubrick for this code ?>
<?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<div class="posttop">
<div class="date">
<?php the_time('M', '', ''); ?>
<div>
<?php the_time('d', '', ''); ?>
</div>
</div>
<h1 class="posttitle">
<a href="<?php the_permalink() ?>" rel="bookmark">
<?php the_title(); ?>
</a>
</h1>
<div id="ratings">
<?php if(function_exists('the_ratings')) { the_ratings(); } ?>
<div id="addthis">
<!-- AddThis Bookmark Button BEGIN -->
<script type="text/javascript">
addthis_url = location.href;
addthis_title = document.title;
addthis_pub = 'moribapp';
</script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
<!-- AddThis Bookmark Button END -->
</div>
<?php if(is_single()){ ?>
</div>
<div class="postdetails">
<?php edit_post_link(__('Bearbeiten')); ?>
<br /><br />
<?php } ?>
</div>
<div class="clear" style="margin-bottom:15px;"></div>
<div class="storycontent">
<?php the_content(__('mehr lesen...')); ?>
<?php
if(is_single()){
/*if using google adsense, here is the nest to place it.*/
print sociable_html();
}
?>
</div><div class="feedback">
<?php wp_link_pages(); ?>
<?php comments_popup_link(__('( 0 ) Kommentare'), __('( 1 ) Kommentar'), __('( % ) Kommentare')); ?>
</div>
</div>
<?php comments_template(); // Get wp-comments.php template ?>
<?php endwhile; else: ?>
<p class="sorrydialog">
<?php _e('Sorry, kein Beitrag nach deinen Kriterien gefunden.'); ?>
</p>
<?php endif; ?>
<?php posts_nav_link(' ', __('« Vorherige Seite'), __('Nächste Seite »')); ?>
</div>
</div>
</div
Alles anzeigen
Hoffe das ist so in etwa verständlich, bei mir hats super geklappt bin noch dran alles so hinzubasteln dass es mir gefällt...
;-)
gruß
Moritz
Alles gelöst...
Danke, die 2. Antwort wars! super... jetzt würd ich gern noch wissen wie ich diesen diggthis Button angezeigt bekomme!
dieser ausschnitt:
Hi, ich glaube alles richtig gemacht zu haben, die Plugins sind auch aktiviert, aber bekomm sie nach einigen versuchen nun immer nochnicht angezeigt. Vor allem das PostRAtings Plugin ist mir wichtig.
Hier ein ausschnitt aus dem code... was mache ich falsch??
</div>
<h1 class="posttitle"><a href="<?php the_permalink() ?>" rel="bookmark">
<?php the_title(); ?>
</a></h1>
<div class="postdetails"> <span style="float:left;">
<?php the_category(',') ?>
<a style="color:#A0A0A0;" href="<?php trackback_url(true); ?>" rel="trackback">Trackback</a>
<?php edit_post_link(__('Bearbeiten')); ?> </span>
<br /><br />
<?php if(is_single()){ ?>
<?php if(function_exists('the_ratings')) { the_ratings(); } ?>
<span style="width:100px; float:right;">
<script type="text/javascript">
digg_skin = 'compact';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>
</span>
<?php } ?>
</div>
<div class="clear" style="margin-bottom:15px;"></div>
<div class="storycontent">
<?php the_content(__('mehr lesen...')); ?>
<?php
if(is_single()){
/*if using google adsense, here is the nest to place it.*/
print sociable_html();
}
?>
Alles anzeigen
Wäre für Hilfe sehr dankbar!
Moritz
update:
habe nun hinbekommen, dass sich die höhe anpasst, indem ich nach dem content, der float:left hat mit clear:both aufgelöst habe! :-)
--> Problem:
Jetzt bekomme ich keinen Background des umschließenden tags angezeigt!
d.h. ein tag paar das um das ganze drum rum liegt, bekommt die höhe nicht
style:
#contentframe {
position:relative;
align:center;
margin-top:-2px;
width:783px;
height:auto;
background-image:url(contentbg.png);
}
#content {
position:relative;
width:500px;
height:auto;
float:left;
margin-left:34px;
margin-top:-14px;
}
#right {
position:relative;
display:block;
float:left;
width:220px;
height:auto;
margin-top:-14px;
margin-left:4px;
}
Aufbau:
<div id="contentframe">
<div id="content">
wordpress loop - Beiträge
</div>
<!-- weiteres div, tut das was zur sache?! -->
<div id="right"></div>
</div>
Was mache ich falsch?
Wie gesagt:
folgender Aufbau (schematisch):
<div>oberes content begrenzendes Bild</div
<div style="height:auto; background-image:url(bild);">
der loop, also die Beitäge, Content
</div>
<div>unteres content begrenzendes Bild</div>
____________
Das umschließende div tag des contents nimmt einfach nicht die höhe der beiträge an, d.h. der content ragt immer weit über das untere div hinaus.
Hoffe ihr versteht das problem!
Wie bekomme ich das denn bloß hin, helft mir bitte!
Danke
Macmoritz