Beiträge von NeoAramis

Irgendwie funktioniert bei mir dieses GeSHi nicht.

So sieht mein Code aus:

<?php
// include geshi library //
include_once 'geshi.php';




// source //
$source = '<a href="#">Verweis</a>';




// language //
$language = 'html';

// create geshi object //
$geshi = new GeSHi($source, $language);

// echo result //
echo $geshi->parse_code();
?>

Die Datei in der sich dieser Code befindet, liegt im gleichen Verzeichnis wie die "geshi.php"-Datei und die drei Ordner "docs", "geshi" und "contrib" ebenfalls. Er gibt mir zwar den Code aus, aber ohne Syntax Highlightning.

Ich habe bisher dies gefunden und probiere im Moment es einzurichten. Aber ich komme im Moment gerade nicht weiter. Kann es dir einmal zeigen, falls ich es geschafft habe:

<!-- m --><a class="postlink" href="http://alexgorbatchev.com/wiki/SyntaxHighlighter">http://alexgorbatchev.com/wiki/SyntaxHighlighter</a><!-- m -->

Liebe Forengemeinde

Wie kann man auf einer HTML/PHP Seite einen Code darstellen, wenn man zum Beispiel einen Codeteil aufzeigen will.

Bis jetzt habe ich es so gelöst:

<pre><code><?php echo htmlspecialchars('<a href="#">Verweis</a>'); ?></code></pre>

Wie kann man dies nun noch besser lösen, beispielsweise noch mit Syntax Highlighting?

Ich frage mich immer wie man solche billigen Hoster oder sogar Freehosting nehmen kann. So teuer ist ein anständiger Webserver auch nicht mehr. Dafür ist die Qualität tausend mal besser. Solche Hoster wie bplaced finde ich, sind der letzte Dreck. Die Verfügbarkeit und Geschwindigkeit ist das allerletzte.

Ich habe meinen bei <!-- w --><a class="postlink" href="http://www.cyon.ch">http://www.cyon.ch</a><!-- w --> und bin sehr zufrieden damit. Kostet halt ein bisschen mehr aber der Service ist wirklich einmalig. Das Unternehmen gehört einem jungen Mann und der macht das topseriös!

Kannst du dich dazu äussern, axel?

Nimmt noch Wunder

Zitat von &quot;lauras&quot;

Endlich mal jemand der der gleichen Meinung ist wie ich, danke Elroy

Mal im Ernst, warum sollte ein ul, um das kein div ist, das Layout zerschießen, wenn sich beide Tags genau gleich verhalten, falls man es nicht anders einstellt.

Das was hier erzählt wird, ist teilweise großer Quatsch. Vielleicht mal nachdenken oder nachschaun, bevor man hier so unsinnige Behauptungen aufstellt..

Ich habe nie behauptet das diese Methode falsch ist. Mit dieser Methode ist man einfach an sehr einfache Layouts gebunden. Möchte man beispielweise unter der Navigation noch weitere Elemente platzieren, ist man gezwungen einen weiteren Container drumherum zu erstellen. (Beispiel: <!-- m --><a class="postlink" href="http://anver.ch/xhtml">http://anver.ch/xhtml</a><!-- m -->)

Und noch etwas, den letzten Absatz hättest du auch weglassen können. Du als Moderator sowieso...

Er meint sehr wahrscheinlich die horizontale Zentrierung.

Zitat von &quot;Elroy&quot;

Muss er das?
So wie das jetzt rüber kommt erklärst du ihm gerade er soll sein Layout mit divs machen.

Müssen muss niemand. Einzelne Bereiche in divs packen ist sehr sinnvoll. Wird in vielen Seminaren, Referenzen etc. so beschrieben. Sobald man dann auch aufwendigere Laoyuts hat, merkt man sehr schnell, dass solche einzelne Pakete zu positionieren einfacher ist.

Zitat von &quot;noeli-A-res&quot;

Hallo zusammen - und danke für Eure Beiträge.

Also, ich werde mich wohl für eine feste Breite entscheiden - dabei hatte ich 800 px bereits in die engere Wahl gezogen. Mit er Einheit "em" kann ich nicht so recht etwas anfangen. Dazu fehlt mir wahrscheinlich die logische Vorstellungskraft ... Embarassed (Gibts dazu vielleicht auch ein anschauliches Beispiel???)

Die einzelnen Bereiche in div-Container zu packen, war auch meine erste Idee - nur habe ich mich dann eines Besseren belehren lassen und die divs teilweise wieder entfernt ("ul" verhält sich wie "div" ...). Das habe ich doch richtig verstanden, oder?

Das em sollte nicht abschrecken. Es ist für die Gestaltung des Layouts insofern einfach, dass man dann ein flüssiges und elastisches Layout hat. Ich kann dir ein andermal (bin gerade ein bisschen gestresst wegen der Schule) erkären wie man ein stabiles, flüssiges, elastisches und zweispaltiges Layout erstellt. Du möchtest doch ein zweispaltiges Layout?

Damit Du dir das ganze einmal real anschauen kannst, gebe ich dir den Link meiner neuen Seite die noch in Bearbeitung ist: <!-- m --><a class="postlink" href="http://anver.ch/xhtml/">http://anver.ch/xhtml/</a><!-- m -->

Inhalt noch nicht beachten, der wurde nur einmal so hingeklatscht. Die CSS-Dateien sind in folgendem Verzeichnis: <!-- m --><a class="postlink" href="http://anver.ch/xhtml/css/">http://anver.ch/xhtml/css/</a><!-- m -->

Das ul bereits ein Block-Element ist und man es deshalb nicht in einen Container packen sollte, finde ich grundsätzlich falsch. Wenn es dann um die visuelle Formatierung geht, ist man dann froh, wenn man die Liste herumbewegen kann und man sich nicht um das Grundlayout sorgen muss, das es nicht zerfällt. Vor allem wenn es dann um ein zweispaltiges Layout geht, merkt man es sofort.

Aber wie gesagt, schau Dir einmal meine Seite an und probiere es an deiner aus.

Zitat von &quot;noeli-A-res&quot;

In der Hoffnung, Eure Geduld nicht zu sehr zu strapazieren ...

Mach Dir da keine Sorgen, es ist unser Hobby, dies ist keine Zeitverschwendung für uns!

Also so wie ich das sehe, möchtest du ein zentriertes Layout. Da stimmt die Aussage von timtim bezüglich der Breite nicht. Besser gesagt die Lösung ist nicht sonderlich clever. Wenn man das gesamte Layout zentrieren möchte, muss man zuerst die ganze Seite in einen Container packen:

<html>
<head>
</head>
<body>
<div id="seitenbereich">
<!-- Inhalt -->
</div>
</body>
</html>

Danach musst du die einzelnen Bereiche (Kopf, Navigation, News, Text und Fuss) ebenfalls in einzelne Container packen. So hast du verschiedene "Pakete" die man nun mit CSS ausrichten kann:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>
</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="core.css"/>
</head>
<body>
<div id="seitenbereich">
	<!-- Inhalt Kopfbereich -->
	<div id="kopfbereich">
		<h1 id="kopfbereich">Die MerMax-Seite</h1>
	</div>
	<!-- Inhalt Navigation -->
	<div id="navigation">
  		<ul>
	    	<li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
  		</ul>
  	</div>
  	<!-- Inhalt News -->
  	<div id="news">




  	</div>
  	<!-- Inhalt Textbereich -->
        <div id="hauptbereich">




  	</div>
	<!-- Inhalt Fußbereich -->
  	<div id="fussbereich">

  	</div>
</div>
</body>
</html>

Ich würde der Breite des äussersten Containers nicht in Prozent angeben. So passt sie sich zwar schön der Breite des Bildschirms an, aber bei sehr breiten Bildschirmen besteht nun die Gefahr das das gesamte Layout ausseinandergezehrt wird. Die Angabe der Breite in Pixel ist aber auch nicht die elegante Lösung. Die relative Grösseneinheit em kann deshalb gebraucht werden. Ich würde deshalb dem äussersten Container "seitenbereich" im CSS die Breite 50em zuweisen. Umgerechnet sind das 800px. Ich denke 800px ist die Ideale Breite für Webseiten. So wird auch die Bildschirmauflösung 800x600 unterstützt. Und mit einer Breite von 800px kann man die Website auch mit sehr viel Inhalt füllen.

Jetzt kannst du das ganze Layout mit CSS zentrieren und die Bereich ebenfalls mit CSS ausrichten.

Da gebe ich maulepan recht.

Was vor allem auffällt sind die verpixelten Grafiken. Also praktisch alle Grafiken sind verpixelt.

--

Ich habe etwas Grundlegendes betreffend das Seminar entdeckt und dachte ich schreibe es hier rein.

Auf der Startseite von <!-- m --><a class="postlink" href="http://html-seminar.de">http://html-seminar.de</a><!-- m --> steht als Überschrift "HTML lernen und die eigene Homepage erstellen".

Hier ist die Wortwahl eigentlich falsch. Als Homepage wird die Startseite einer Website genannt, das ganze heisst eigentlich Website. Finde ich jetzt noch wichtig, dass man das ändert. Oder habe ich etwas falsch verstanden?

Hier noch was Wikipedia dazu sagt:
<!-- m --><a class="postlink" href="http://de.wikipedia.org/wiki/Homepage">http://de.wikipedia.org/wiki/Homepage</a><!-- m -->
<!-- m --><a class="postlink" href="http://de.wikipedia.org/wiki/Website">http://de.wikipedia.org/wiki/Website</a><!-- m -->

Sieht sauber aus, nur das Layout hast Du mit Tabellen gemacht, für mich ein grosser Negativpunkt. Das Layout ist nicht flexibel, bei längerem Text wirst du ein Problem kriegen.

Dann würde ich den Text im Hauptbereich mit padding vom Rand ein bisschen wegbewegen. Der "klebt" irgendwie...

Und na ja, der Inhalt ist sehr dürftig!

Tante Edith: Warum wird das Logo angezeigt wenn man draufklickt?

Ja ist ein inline-Element...

Aber extra ein Thread dafür?

Mir ist es eigentlich egal, welche Breite er nimmt. Er verhindert eine Barrierefreiheit. Er muss es ja wissen. Aber wenn es sogar in vielen aktuellen Bücher steht und es viele Webdesigner es sagen, sollte man es ernst nehmen.

Darf gerne jemand anderes für mich machen.

Ja ich weiss das mit den 1000px war vielleicht eine blöde Aussage. Ich meine damit, dass du eine maximale Breite von 800px bzw 50em verwenden solltest. Das dünkt für Dich vielleicht zu schmal, aber wenn du das Layout gescheit aufbaust kann man daraus sehr viel rausholen (Bsp.: <!-- m --><a class="postlink" href="http://www.uzh.ch/">http://www.uzh.ch/</a><!-- m -->). So bist Du auf der sicheren Seite.

Ist halt Geschmackssache mit dem Design, aber mir gefällt es nun überhaupt nicht.

Also mir gefällt das Design nicht. Und zwar deshalb weil es einen Stil wie die ersten Websites hat. Die gesamte Website wirkt sehr düster und eine giftgrüne Farbe, finde ich, ist nun wirklich sehr geschmackslos. Die grünen Boxen machen auch einen billigen Eindruck. Da kannst Du mehr rausholen.

Und über fixe oder flüssige Layouts lässt sichs streiten. Aber eine Breite von 1010px ist nun wirklich zu breit. Schau dir einmal bekannte Seiten (Facebook, Apple u.ä.) an. Da beträgt die Breite nie mehr als 1000px. Oder wenn sie breiter sind, dann wurden sie flüssig gestaltet. In der horizontalen zu scrollen ist nun wirklich das nervigste. Wenn du denkst du hast zu wenig Platz musst du eben eine kleinere oder andere Schrift verwenden.

In diesem Fall gebe ich Talwin vollkommen recht!

"Ein Base64 verschlüsselter Text"

Wahrscheinlich mit 64bit verschlüsselt?