Beiträge von microbie

WOW! Hat funktioniert.

HAMMER! DANKE!

Bild zur Erklärung

Auf dem Bild (Link) ist mein Problem besser zu erkennen. Die rote Linie stellt den nicht vorhandenen Abstand dar. Unter der Linie beginnt also der nächste Beitrag der durch die Such gefunden wurde, allerdings eben ohne jeden Abstand.
cyh_suche_abstand.jpg

Zu den IDs:
100% ist mein Code mangels tiefer Kenntnisse nicht. Da stecken sicher einige Fehler drin, die ich aber natürlich gerne korrigieren würde. Kannst Du mir nochmal kurz genauer schildern, wo die doppelten IDs aufgefallen sind und wie ich sie durch "class" ersetzen kann.

Tausend Dank!

Zwischen den Suchergebnissen werden keine Abstände erzeugt. Sie folgen direkt "aufeinander".

Wie z.B. hier:
CHECK YOUR HEAD Search Results musik

Vielleicht hat jemand eine Idee. Alle mein Versuche etwas in der style.css zu ändern schlugen fehl und mit der search.php bin ich auch nicht weitergekommen.

Problem gelöst

Ich habe das Problem gelöst. Vielleicht interessiert es jemanden, der ähnliches machen möchte.

.ngg-gallery-thumbnail {
        background: #000000;
	width: 70px;
        height: 70px;
	float: left;
	margin-right: 4px;
        border:1px solid #000000;
	margin:3px 0px 8px 4px;
	display:block;  
	position:relative;


}


.ngg-gallery-thumbnail img {
        filter: alpha(opacity=100);
	-moz-opacity: 1.0;
        opacity: 1.0;
	border:0px solid #000000;
        display:block;  
	position:relative;
	
}


.ngg-gallery-thumbnail img:hover {
        background: #000000;
        filter: alpha(opacity=0);
	-moz-opacity: 0.0;
        opacity: 0.0;
	display:block; 
}

Ähhhh, ja, background. Stimmt natürlich :-?

Der Hinweis hat auf jeden Fall geholfen und ich habe versucht, das Ganze mit "Opacity" zu lösen. Das funktioniert auch soweit, aber die Hintegrundbilder sind nun merkwürdig gross bzw. verzerrt. Wohlmöglich ein Fehler an anderer Stelle.

Dies ist die Seite:
CHECK YOUR HEAD Artists

Und das ist der die Stelle im Code:

.ngg-gallery-thumbnail {
        background-image: url('http://www.checkyourhead.de/main/images/cover_hover.jpg');
	float: left;
	margin-right: 5px;
	text-align: center;
}


.ngg-gallery-thumbnail img {
	border:0px solid #000000;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:0px;
        padding-bottom:4px;
	position:relative;
}


.ngg-gallery-thumbnail img:hover {
	filter: alpha(opacity=0);
	-moz-opacity: .0;
    opacity: .0;
}

Im Grunde ist dies eine CSS Frage, aber vielelicht bei diesem Plugin speziell.

Ich möchte bei einem Mouseover die Thumbnails gegen ein bestimmtes Bild austauschen. Das sollte mit "hover" innerhalb der Nextgen style.css doch eigentlich funktionieren, aber das Bild das erscheinen soll, ist immer nur hinter den Thumbnails (bewusst leicht verrückt) zu sehen. Irgendwas mache ich falsch.

Der hover-code sieht so aus:

.ngg-gallery-thumbnail img:hover {
	background-image: url('http://www.xyz.de/xyz.jpg');
 }

Wenn das so einfach wäre...

Klickt man unter "Galerie verwalten" auf ein Bild, wird es in gross angezeigt, das wars. Irgendwelche Optionen gibt es dort und auch woanders nicht.
Was meinst Du also mit "Edit"?

Bei meiner weiteren Suche bin ich im amerikanischen Wordpress-Forum auf eine Lösung gestoßen: nextGEN: Linking image to URL Hardware & Software Tutorials
Ich habe es umgesetzt und funktioniert.

Sollte es aber inzwischen wirklich diese "Edit-Option" geben und ich übersehe sie, bitte bescheid geben.

Ich habe das Nextgen Plugin installiert und das funktioniert auch super, aber ich möchte das Plugin nicht im eigentlichen Sinn nutzen, um eine Slideshow zu erzeugen, sondern lediglich die Thumbnails als Galerie nutzen und diese Vorschaubilder einzeln zu anderen Seiten meines Blogs verlinken. Wenn also auf ein Thumbnail geklickt wird, soll nicht die Slideshow starten bzw. das Bild vergrössert dargestellt werden, sondern ein Link aktiviert werden.

Innerhalb der Einstellungsoptionen des Plugins konnte ich nichts derartiges finden. Gibt es ein zusätzliches Plugin, dass mir hilft oder habe ich eine Funktion übersehen?

In einem anderen Beitrag im Forum bin ich auf eine Seite gestoßen, bei der (scheinbar) genau dies gemacht wurde. Die Bilder in der Hundegalerie verweisen auf andere Seiten und nicht auf die eigentlichen Bilder. Müsste also irgendwie gehen: Dalmatinerpfoten in Not e.V.

Vielen Dank für die schnelle Antwort, aber so wirklich geholfen hat mir das jetzt nicht.

Ich verstehe nach wie vor nicht, wieso das Widget mein Suchfeld raushaut...

Ich habe ein Theme intensiv umgebaut, aber das Suchfeld dort belassen, wo es von Beginn an war, oben rechts in der zweiten Sidebar. Sobald ich aber ein neues Widget hinzufüge, verschwindet es. Da sich der Code innerhalb der Datei r-sidebar.php aber nicht ändert, verstehe ich nicht wieso dies geschieht.

Vielleicht hat jemand eine Idee.

Die Seite:
CHECK YOUR HEAD

Und dies ist die PHP-Datei der rechten Sidebar:

<div><img src="http://www.checkyourhead.de/line_04.png" style="margin-top:-10px;" /></div>


	  <div id="menurechts">
		<ul>
     	 <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
		  <li><h2></h2>




            <form method="get" action="<?php echo get_option('home'); ?>/">
              <input class="sucheingabe" type="text" value="<?php echo wp_specialchars($s, 1); ?>" size="18" name="s" id="si" />
              <input class="suchsubmit" type="submit" value="<?php _e('Suchen'); ?>" id="ss" />
            </form>
		  </li>


<div><img src="http://www.checkyourhead.de/line_04.png" style="margin-top:10px; padding: 10px 0px 8px 0px; " /></div>
<p>
		  <?php get_links('2', '<li>', '</li>', '', TRUE, 'name', TRUE); ?>


    	 <?php endif; ?>


		</ul>


<div><img src="http://www.checkyourhead.de/line_04.png" style="margin-top:10px; padding: 10px 0px 8px 0px; " /></div>


<!-- Letzte Artikel -->
    <ul>
    <?php wp_get_archives('type=postbypost&limit=10'); ?>
    </ul>
    </li>




	  </div>

Tausend Dank!

Das war die Lösung. Hatte es mir mit Firefox 2.XXX angesehen und nun geupdated und alles ist ok.

Hallo,

ich habe einen Blog erstellt und bin soweit fertig. Inzwischen funktioniert so gut wie alles in den verschiedenen Browsern. Jetzt habe ich noch ein Problem mit einer Tabelle. Ich habe sie per margin-left um 167 pixel verrückt. In Safari und dem Internet Explorer wird sie richtig positioniert, in Firefox allerdings nicht. Es scheint so, also beginnen die 167 pixel hier erst ab der nebenstehenden Liste, anstatt am äußeren Rand. Da dies bei Texten oder einzelnen Bildern nicht passiert, müsste es mit der Tabelle zu tun haben.
Ich konnte den Fehler jedoch nicht finden.

Dies ist der Blog:

CHECK YOUR HEAD Artists

Falls eine Datei wie z.b. die style.css helfen sollte, sagt bescheid, dann poste ich sie hier.

Danke!

hallo,

die seite besteht aus vier bzw. drei spalten und im oberen bereich befinden sich vier linien, die ich in die jeweilige spaltexyz.php per "hr style..." gesetzt habe. von safari und firefox wird das alles korrekt dargestellt. der internet explorer stellt die linien allerdings falsch dar und lässt sie treppenartig auf- und und wieder absteigen.

woran kann das liegen? ich versuche seit einer woche den fehler zu finden und habe inzwischen aufgegeben. eventuell kommt der ie nicht mit "float: left" klar...?

dies ist die seite:

CHECK YOUR HEAD

dies der home.php code, also die zusammenstellung der verschiedenen spalten-php-dateien:

<?php include('header.php'); ?> 
  <body id="starter">
    <div id="hintergrund">
      <?php include('kopf.php'); ?> 
	    <div id="seite">
          <?php include('l-sidebarhome.php'); ?> 
	      <div id="inhalte">
            <?php include('1-spalter.php'); ?> 
          </div>
          <?php include('r-sidebar.php'); ?> 
	    </div> 
    
  </body>
</html>

dies ist der entscheidende teil der style.css:

#starter #hintergrund {
  background		: #FFFFFF url();
  width				: 820px;
  text-align		: left;
  margin			: 0 auto;
}


#single #hintergrund {
  background		: #FFFFFF url();
  width				: 900px;
  text-align		: left;
  margin			: 0 auto;
}


#kopf {
  width				: 900px;
  background		: #FFFFFF url("images/kopf_01.png") no-repeat;
}


#kopf2 {
  width				: 900px;
  background		: #FFFFFF url();
  color				: #fff;
}


#seite {
  width				: 900px;
  margin			: 0 4px;
}


#menulinks {
  width				: 146px;
  float				: left;
}


#inhalte {
  width				: 502px;
  float				: left;
}


#menurechts {
  width				: 142px;
  float				: left;
}

und dies der code der mittleren spalte inkl. der linien:

<?php if (have_posts()) : ?>
		  <?php while (have_posts()) : the_post(); ?>
		    <div class="post" id="post-<?php the_ID(); ?>">


<hr style="width:133px; color:#222; background-color:#222; height:10px; text-align:left; margin-top:-10px; margin-left:-20px;">




<hr style="width:322px; color:#222; background-color:#222; height:10px; text-align:left; margin-top:-10px; margin-left:140px;">






 <p class="postmetadata">
			  <a="<? echo get_day_link(date('Y', strtotime($post->post_date)), date('m', strtotime($post->post_date)), date('d', strtotime($post->post_date))); ?>" title="Posts For <? the_time('d.m.Y'); ?>"><? the_time('d.m.Y'); ?></a>
			  </p>






			  <h2><a class="postHeading" href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>


			 
 <div class="entry">				
				<?php the_content('Weiterlesen &raquo;'); ?>
			  </div>
			  <hr class="teiler" />
			
			</div>
 
		  <?php endwhile; ?>
   
	    <?php else : ?>
		
  <h2 class="center">Not Found</h2>
		  <p class="center">Sorry, but you are looking for something that isn't here.</p>
		  <?php include (TEMPLATEPATH . "/searchform.php"); ?>	


        <?php endif; ?>

vielleicht noch eine kurze erläuterung für mich?

ich habe exakt das gleiche problem, verstehe aber nicht wo ich diese zeile einfügen soll.

ul li.linkcat ul li a{display:block;width:99%;}

kann mir jemand kurz erklären wohin damit und vielleicht die fehlenden zeichen ersetzen. da fehlen doch einige zeichen oder irre ich mich?

Ich möchte in der Sidebar eine simple Liste der letzten Beiträge anzeigen lassen. Möglichst nur die Überschriften und eventuell mit ein paar Konfigurationsmöglichkeiten, z.b. um die Menge festlegen zu können.

Klingt einfach, aber ich finde kein passendes Plugin.
Habe jetzt auch ewig das Forum durchsucht aber in finde nichts.

Eine simple Zeile die ich selbst einfüge, würde auch schon helfen.
Sowas wie:

<?php wp_list_pages('title_li='); ?>

womit ich die einzelnen Seiten auflisten kann.
Ich check nur nicht was ich anstatt "pages" einfügen soll, damit die Überschriften der Artikel angezeigt werden.

habs gefunden, aber...

Ich habe das Widget bearbeitet. Dort war ein Punkt als Titel angegeben (peinlich :?). Aber lasse ich den Titel weg, steht dort automatisch "Seiten".

Dies soll nun weg. Gibt ja auch einige Threads hierzu, habs aber bisher nicht geschafft, den Titel zu entfernen.

Und noch eine andere Frage. Wo finde ich die Formatierung, die dafür sorgt, dass die Titel alle in Grossbuchstaben ausgegeben werden?

Über meiner Navigation befindet sich ein Punkt. Vermutlich anstatt des Titels "Seiten", der dort im eigentlich Theme steht.

Ich habe aus der entsprechenden php schon alles entfernt, um sicher zu gehen, dass lediglich das Menü dort auftaucht. Hilft leider nicht.

Wie kann ich diesen Punkt los werden?

Und mein Blog ist dieser: CHECK YOUR HEAD
(Ist noch ne ziemlich Baustelle)

<div id="menulinks">


   <ul>


       	<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
  		   <?php endif; ?>


        </ul>
	  </div>

YES!!

Tausend Dank!!

jo, das macht sinn und funktioniert. hatte ich sogar auch schon versucht. das problem ist nur, dass mir padding oder margin den kompletten block inkl. datum verschiebt.

der folgende code bezieht sich scheinbar auf text und datum. wieso verstehe ich nicht.

#inhalte .post p {
padding-top	: 0px; 
padding-left: 100px;
text-align: justify;
color: #33BB66;
clear: left;
font-size: 0.685em;
}

der gesamte code sieht so aus:

#inhalte h2 {
  font-size			: 0.685em;
  padding-top		: 0px;
  padding-left		: 0px;
  background		: #FFFFFF;
  text-align		: left;
}


#inhalte h2 a {
  font-size			: 1.285em;
font-weight: bold;  
margin			: 0;
  line-height		: 1.0;
  display			: block;
  color				: #EE2266;




}


#inhalte h2 a:hover {
  color				: #444444;
}


#inhalte .post {
 width				: 441px;
  background		: #FFFFFF;
  padding-top		: 100px;
}


#inhalte .post h2 {
  font-size			: 0.685em;
}


#inhalte .post img {
  float				: left;
  margin			: 5px 10px 3px 0;
}


#inhalte .post p {
 padding-top		: 0px; 
 padding-left		: 100px;
  text-align		: justify;
  color				: #33BB66;
clear: left;
  font-size			: 0.685em;


}


#inhalte .postmetadata {
  font-size			: 0.685em;
  padding-top		: 0px; 
  padding-left		: 0px; 
 padding-bottom	: 4px;
  background		: #FFFFFF;
  margin-bottom		: 0;
  border-bottom		: 0px solid #FFFFFF; 	
float: left; 
	width: 100px;
}


#inhalte .mini-post {
  width				: 214px;
  float				: left;
}


#inhalte .mini-post h2 {
  background		: transparent;
}


#inhalte .mini-post .postmetadata {
  font-size			: 0.685em;
  padding-bottom	: 4px;
  margin-bottom		: 0;
  border-bottom		: none;
  background		: transparent;  
}


#inhalte hr.teiler {
  height			: 1px;
  line-height		: 1px;
  font-size			: 1px;
  background		: #FFFFFF;
  clear				: both;
  margin			: 0 10px;
}


#inhalte .trenner {
  height			: 1px;
  line-height		: 1px;
  font-size			: 1px;
  background		: #FFFFFF;
  clear				: both;
}


#inhalte .navigation {
  width				: 441px;
  background		: #FFFFFF;
  border-bottom		: 1px solid #ccc;
  font-size			: 0.8em;
  clear				: left;
}


#inhalte .drgt {				
  float				: left;
  padding			: 2px 10px;
  height			: 17px;
}


#inhalte .dlft {				
  float				: right;
  padding			: 2px 10px;
  height			: 17px;
}

mittlerweile habe ich es mit "float" hinbekommen, aber der text unterhalb der überschrift, spielt nicht so richtig mit. er soll natürlich linksbündig unterhalb der überschrift angeordnet sein, sowie in der ersten zeile.

http://www.webgraphics.at/macnews/float.png