Beiträge von justanotherperson

justanotherperson

Ja du müsstest das in die CSS schreiben. Dazu müsstest du auch entweder eine ID oder eine Klasse angebe, weil du sonst alle img ansprichst. Je nachdem was du willst. In diesem Fall habe ich einfach mal ne ID genommen. Kannst du ja anpassen wie du möchtest. Du musst dann aber auch die width und height in die css schreiben und in html löschen, weil sonst der hover Effekt nicht funktioniert.

Beispiel.html

HTML

<img id="bild1" src="Bild">

style.css

HTML

#bild1, #bild1:visited {
width: 300px;
height: 200px;
}


#bild1:hover, #bild1:active {
width: 400px;
height: 200px;
}

Grüße
justanotherperson

justanotherperson

Meinst du das hier?

Edit:
Also im Prinzip ist doch die Aufgabe erfüllt. Du hast die Bilderlinks und rechts neben den Titel gepackt. Oder?

justanotherperson

Also ich würde erstmal damit anfangen die Bilder auch wirklich "um den Titel herum zu bauen". Und den Float nimm erstmal raus. Das führt sonst wieder zu Problemen.
Den Rest kannst du mit CSS machen, wenn du den Titel mittig haben willst usw. . Hast du das nur übersehen, oder warum bist du darauf nicht gekommen?

Grüße
justanotherperson

P.S.: Achja, ich habe bin stark der Annahme überzeugt, dass du eine Hausaufgabe bekommen hast. Ansonsten würde es nicht so heißen:

Zitat

PS:Ich muss die 2 Bilder und die Überschrift in div1 machen.

Vor allem mit der Betonung auf "muss". Damit das klar ist: Foren sind nicht dazu da, um deine Hausaufgaben zu machen. Oder wenn diese Annahme nicht stimmt, begründe diese Aussage glaubhaft.

justanotherperson

Super danke Jetzt funktioniert es einigermaßen. Ich muss zwar noch ein bisschen an der Darstellung ändern und die Fehlermeldungen anpassen (wenn is_dir() = true dann muss natürlich "Ist ein Ordner" dort stehen^^), aber sonst passt es eigentlich.:)

justanotherperson

Zitat von threadi

Was willst Du mit letzterem erreichen?

Damit möchte ich erreichen, dass der Überordner nicht auch noch gescannt wird. Das funktioniert auch tadellos. Nur die funktion is_dir() will mir keine richtigen Ergebnisse liefern.

justanotherperson

Hallo Leute,
mein Script soll einen bestimmten Ordner scannen. Dann soll es nur Unterordner des Oberordners erkennen. In jedem Unterordner werden dann nur Dateien (nicht Ordner) überprüft. In der ersten Stufe kann er mir schon mal alle Elemente des Oberordners anzeigen. Aber nur ".." wird als Ordner erkannt. Alle Unterordner werden nicht als Ordner erkannt. Der Fehler ist unbekannt. Mein Script sieht so aus:

PHP

<font style="font-family: Calibri; font-size: 14pt;">
<?php
$suchwort = $_GET['stext'];
echo "Suche nach '".$suchwort."' in folgenden Dateien:<br>";
//Alle Elemente in artikel werden gescannt
$ordner = "artikel"; //relativer Ordner, weil ohne Root Angabe
$elemente = scandir($ordner); 
foreach ($elemente as $element) {
 echo "<b>".$element."</b><br />";
 //Wenn das Element ein Ordner ist,
 if (is_dir($element) and !"..") {
  //dann wird es gescannt
  $elemente2 = scandir($ordner."/".$element);
  //Für jedes Element im Einzelartikel wird folgendes gemacht
  foreach ($elemente2 as $element2) {
   //Wenn das Element eine Datei ist,
   if (is_file($element2)) {
    $value = " ";
    //wird die Datei auf das Suchwort geprüft
    $dateiinhalt = file_get_contents($element2);
    if(preg_match("#".$suchwort."#", $dateiinhalt) == 1) {
     $value = "  <-"; //Symbol wird bei einem Treffer hinzugefügt
    } else {$value=" ";};
    //Element wird mit oder ohne Treffer Symbol angezeigt
    echo "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;".$element2.$value."<br />";
   };
  };
 } elseif ($element == "..") {
  echo "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Überordner wird nicht gescannt<br>";
 } elseif (is_dir($element)) {
  echo "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Element ist kein Ordner<br>";
 } else {
  echo "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;unbekannter Fehler<br>";
 };
};
?>
</font>

Alles anzeigen

Weiß jemand, wo ich einen Fehler gemacht habe?

Grüße
justanotherperson

justanotherperson

Das muss ich wohl übersehen haben. Ist aber eigentlich logisch, dass der html Tag genauso wie andere Tags auch ne Höhe hat. Da habe ich dann falsch gedacht. Danke. Hat super geklappt.

justanotherperson

Hi Leute,
ich habe mir hier dieses Beispiel ( http://www.sitepoint.com/pure-css-off-s…avigation-menu/ ) angesehen und es erstmal per C&P ausprobiert. Dann habe ich es ein wenig angepasst und in meine Seite eingebunden.

HTML

<!DOCTYPE html>
 <head>
  <title>unfertiges Web Template von justanotherperson</title>
  <link rel="stylesheet" type="text/css" href="menu.css">
 </head>
 <body>
 <ul class="navigation">
  <li class="nav-item"><a href="#">Home</a></li>
  <li class="nav-item"><a href="#">Portfolio</a></li>
  <li class="nav-item"><a href="#">About</a></li>
  <li class="nav-item"><a href="#">Blog</a></li>
  <li class="nav-item"><a href="#">Contact</a></li>
 </ul>
 
 <input type="checkbox" id="nav-trigger" class="nav-trigger" />
 <label for="nav-trigger"></label>
 
 <div class="site-wrap">
   Inhalt
 </div>
 </Body>
</html>

Alles anzeigen

CSS

Code

.navigation {
    list-style: none;
    background: #CCCCCC;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.nav-item {
 background-color: #CCCCCC;
}
.site-wrap {
    width: 100%;
 [COLOR=#ff0000][B]height: 100%;[/B][/COLOR]
    background-color: #FFFFFF;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
 padding: 0px;
 margin: 0px;
    background-image: linear-gradient(135deg, 
                      rgb(254,255,255) 0%,
                      rgb(221,241,249) 35%,
                      rgb(160,216,239) 100%);
    background-size: 200%;
}
.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
label[for='nav-trigger'] {
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 2;
 width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url("hamburger-menu-ico.svg");
    background-size: contain;
 background-color:white;
}
.nav-trigger:checked + label {
    left: 215px;
}
.nav-trigger:checked ~ .site-wrap {
    left: 200px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}
.nav-trigger + label, .site-wrap {
    transition: left 0.2s;
}
body {
    overflow-x: hidden;
 height: 100%;
}

Alles anzeigen

Der rot markierte CSS Wert will einfach nicht funktionieren. Ich habe auch schon extra den Body auf 100% in der Höhe gesetzt, aber es tut sich nichts.

Gruß
justanotherperson

Beiträge von justanotherperson

Bildgröße bei Lightbox einstellen (am besten in Hyperlink-Zeile)

Wie positioniere ich 2 Bilder links und rechts neben einer Überschrift?

Wie positioniere ich 2 Bilder links und rechts neben einer Überschrift?

is_dir erkennt Ordner nicht als Ordner

is_dir erkennt Ordner nicht als Ordner

is_dir erkennt Ordner nicht als Ordner

[CSS] height:100%; funktioniert nicht

[CSS] height:100%; funktioniert nicht