kostenloser Webspace werbefrei: lima-city


Bild max. Höhe usw.

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    piratentaverne

    piratentaverne hat kostenlosen Webspace.

    Ich will, dass ein tag/bild">Bild, welches eine Variable is, eine max. Höhe und Breite bekommt! Das ist mein Code aber er funktioniert nicht! Was ist daran falsch?

    .file{
    	#min-width:50px;
    	#max-width:300px;
    	#min-height:50px;
    	#max-height:300px
    	}
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. s*************h

    Hallo piratentaverne

    das sieht ein wenig komisch aus. Ich kenne diese Syntax nicht, daher würde ich es so machen:
    .file {
       min-width:50px;
       max-width:300px;
       min-height:50px;
       max-height:300px;
    }

    Durch das Zeichen # kann es sein das alles auskommentiert wurde und daher auch keine Wirkung brachte. Achte ausserdem darauf das jede Anweisung mit einem Semikolon beendet wird. Falls dies immer noch nicht funktioniert dann solltest du den Namen der Klasse überprüfen ob diese identisch sind.
    Außerdem unterstützen ältere Browser (vorallem der Internet Explorer) diese Anweisungen nicht und können daher nicht angezeigt werden. Das wirkt sich dann höchstwahrscheinlich negativ auf das Layout aus.

    Gruß S.Brosch
  4. Autor dieses Themas

    piratentaverne

    piratentaverne hat kostenlosen Webspace.

    Ich hab jetzt die Rauten weggelassen und es tut sich immer noch nichts, aber da die Datei die angezeigt werden soll eine Variable ist, kann das auch dadran liegen?

    PHP-Code:
    echo "<img src=./uploads/$file class=file>"
  5. sonok

    Moderator Kostenloser Webspace von sonok

    sonok hat kostenlosen Webspace.

    echo "<img src=./uploads/$file class=file>"

    So nimmt der doch alles als String was da steht ...

    echo "<img src=./uploads/".$file." class=file>";

    Vielleicht solltest Du einfach mal etwas mehr code daherschreiben :slant:
  6. Autor dieses Themas

    piratentaverne

    piratentaverne hat kostenlosen Webspace.

    Sry :) Hier nochmal der ganze Code ;)

    <html>
    <body>
    <P>
    
    <?php
    $verzeichnis = openDir("./uploads");
    while ($file = readDir($verzeichnis)) {
     if ($file != "." && $file != "..") {
      echo "
    <link href=download_preview.css type=text/css rel=stylesheet/> 
    <table>
    <tr>
    <td><img src=./uploads/$file class=file></td>
    </tr>
    <tr>
    <td><a href=./uploads/$file target=\"_blank\">$file</a></td>
    </tr>
    </table>
    \n";
     }
    }
    closeDir($verzeichnis);
    ?> 
    <P>
    <img src="./pics/loeschen.gif" width=20 height=20><a href="delete.php">L&ouml;schen</a>&nbsp;&nbsp;
    </body>
    </html>
  7. Sicherlich nicht ganz so professionell, aber du kannst es auch direkt in den <img> Tag reinschreiben

    <html>
    <body>
    <P>
    
    <?php
    $verzeichnis = openDir("./uploads");
    while ($file = readDir($verzeichnis)) {
     if ($file != "." && $file != "..") {
      echo "
    <link href=download_preview.css type=text/css rel=stylesheet/> 
    <table>
    <tr>
    <td><img src=./uploads/".$file." class='file' style='max-width: 300px; max-height: 300px;'></td>
    </tr>
    <tr>
    <td><a href=./uploads/".$file." target=\"_blank\">".$file."</a></td>
    </tr>
    </table>
    \n";
     }
    }
    closeDir($verzeichnis);
    ?> 
    <P>
    <img src="./pics/loeschen.gif" width=20 height=20><a href="delete.php">L&ouml;schen</a>&nbsp;&nbsp;
    </body>
    </html>


    Ich bin aber der Meinung, dass Max-Width bzw "max" Werte nicht von allen Browsern gelesen bzw umgesetzt werden können. Wenn aber eh ALLE Bilder diese Größe haben sollen, warum machst du dann nicht entsprechen Thumbnails (Vorschaubilder) beim Hochladen oder lässt sie auf die gewünschte Größe verkleinern. Das wäre vermutlich der beste Weg.
  8. sonok schrieb:
    echo "<img src=./uploads/$file class=file>"

    So nimmt der doch alles als String was da steht ...
    Böse Socke! Das ist sogar legaler Code, aber wirklich sehr hässlicher und schrecklicher legaler Code.

    Und moorwiesen, das ist aber kein legaler Code. Man verwendet in HTML niemals, wirklich niemals einfache Anführungszeichen.

    Bitte gewöhnt euch doch an, Strings in PHP zwischen einfache Anführungszeichen und Eigenschaften von HTML-Tags zwischen doppelte Anführungszeichen zu schreiben.
  9. Dann verbessere ich mal fix

    <html>
    <body>
    <P>
    
    <?php
    $verzeichnis = openDir("./uploads");
    while ($file = readDir($verzeichnis)) {
     if ($file != "." && $file != "..") {
      echo "
    <link href=download_preview.css type=text/css rel=stylesheet/> 
    <table>
    <tr>
    <td><img src=./uploads/".$file." class=\"file\" style=\"max-width: 300px; max-height: 300px;\"></td>
    </tr>
    <tr>
    <td><a href=./uploads/".$file." target=\"_blank\">".$file."</a></td>
    </tr>
    </table>
    \n";
     }
    }
    closeDir($verzeichnis);
    ?> 
    <P>
    <img src="./pics/loeschen.gif" width=20 height=20><a href="delete.php">L&ouml;schen</a>&nbsp;&nbsp;
    </body>
    </html>


    ... hat keiner gesehen ;)
  10. Das ist immer noch falscher als falsch. Bei der Hälfte der HTML-Tag-Eigenschaften fehlen die doppelten Anführungszeichen jetzt gänzlich. Nimm einfache Anführungszeichen und ließ dir den Code zwei Mal durch, bevor du ihn verwendest oder veröffentlichst.

    Beitrag zuletzt geändert: 6.1.2011 13:16:57 von drafed-map
  11. Autor dieses Themas

    piratentaverne

    piratentaverne hat kostenlosen Webspace.

    Und wie funktioniert das nun mit dem max-width und max-height?
  12. drafed-map hat recht, so ist das HTML sehr unsauber, und genau das könnte auch der Grund sein, warum die CSS nicht anspringen: das HTML könnte fehlerhaft geparst werden.
    D.h.: immer allte Tags schließen (<p> bleibt bei dir immer offen) und setzte bei Attributen Anführungszeichen!
    echo '<img src="./upload/$file" class="file" alt="Bild">';

    Bei Bildern sollte auch immer das alt-Attribut gesetzt werden.
  13. Ich misch mich auch mal eben ein ;-)
    echo '<img src="./upload/'.$file.'" class="file" alt="Bild"/>';

    Was du machen kannst um dein Problem zu lösen:
    Du kannst mit PHP die Größe des Bildes mit http://www.php.net/manual/de/function.getimagesize.php abfragen. Dann machst du ein if/elseif Konstrukt, und sagst sowas wie:
    echo '<img src="./upload/'.$file.'" alt="Bild" style="'.($bildbreite>$bildhoehe&&$bildbreite>300?'width:300px;':bildhoehe>300?'height:300px':'').'"/>';

    Ich kann nicht garantieren, das ich keine Syntaxfehler habe, weil sich ein Textfeld nicht so zum scripten eignet, aber wenn du dem folgst, dann sollte zumindest ein ordentliches ergebnis dabei herauskommen
  14. Autor dieses Themas

    piratentaverne

    piratentaverne hat kostenlosen Webspace.

    Es zeigt leider nur das an: Bild300'height:300px).'/>
  15. Könntest du evtl den ganzen Code posten, dann kann ich dir auch erklären was da vorliegt. Ich meine ich könnte dir das auch in deinen vorherigen Code schreiben, aber dadurch lernst du nicht den Fehler später zu vermeiden.
  16. Autor dieses Themas

    piratentaverne

    piratentaverne hat kostenlosen Webspace.

    Der ganze Code ist doch oben gepostet!^^
  17. Ich meine wie du meinen Code eingebunden hast.
  18. Autor dieses Themas

    piratentaverne

    piratentaverne hat kostenlosen Webspace.

    Achso^^
    <link rel="stylesheet" href="./css/image.css" type="text/css" media="screen" />
  19. mit eingebunden mein ich schon den PHP teil von mir in deinem script
  20. Autor dieses Themas

    piratentaverne

    piratentaverne hat kostenlosen Webspace.

    Ne, ich habs jetzt! Ich hab einfach den Java Pictureviewer genommen! Trotzdem danke ;)!
  21. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!