Ich habe im Wiki dieser Seite einen schönen Artikel zur Kennzeichnung von Links mit CSS gefunden.
http://webseiten-professionell.wikidot.com/schnipsel:css-automatische-link-icons

Ich habe dazu eine Frage zu der ich keine Antwort finde. (Leider auch nicht über die Suchmaschienen)

Brauche ich für Zeichen bzw. Icons mit Symbolen oder Logos von Firmen oder Produkten eine Erlaubnis um diese nutzen zu können um die Links (z.B. auf PDF-Dateien) kenntlich zu machen?
Ich denke insbesondere an das Icon für PDF-Dateien das auf der oben angegebenen Seite angeboten wird.

Ich hatte schonmal mit Adobe Deutschland telefoniert und bekam als Antwort leider nur eine PDF-Datei auf englisch wie ich das Adobe Logo nutzen darf. Informationen über die Nutzung des PDF-Logos habe ich bisher nicht bekommen können.

Hat jemand diesbezüglich informationen oder gar erfahrungen?

Vielen Dank für Ihre Hilfe.

1.Ich hab ein xhtml dokument erstellt, und den mimetyp so genannt, der IE hat es erfolgreich geparsed. Scheint doch zu gehen?

2. Wenn es nicht gehen würde, wieso wird dann auf Seite 63 empfohlen es zu benutzen?

$content_files['feedback']="feedback.htm"; eingefügt
wenn ich die Feedback.php direkt aufrufe geht es.

Wenn ich es ab über die linkweb.php aufrufe, zeigt er mir die Variable
aus der Feedback.htm <fieldset><legend>[%legend%]:</legend> im der Ansicht an.

Wo ist mein Denkfehler.

ich bin auf der Suche nach Informationen üner HTML 5 für eine BachelorArbeit auf dieses Buch gestoßen. Gerade deshalb bin ich natürlich an der neuesten Auflage interessiert. Allerdings verwirrt mich da etwas. Bei Amazon (ich hoffe die Werbung ist nicht allzuschlimm) wird eine neue Auflage vom 05. Februar 2009 angeboten, aber hier auf der offiziellen Seite ist davon keine Rede.

Gibt es diese neue Auflage wirklich oder wird sie in den nächsten Tagen erscheinen und in dem Zusammenhang sofern es diese neue Auflage gibt - welche Unterschiede zur Vorgängerversion gibt es (für mich speziell betreffs HTML5)?

MfG

ich bin gerade dabei, mit Hilfe des Buches, meine erste Seite zu erstellen.
Das Design habe ich ohne größere Probleme hinbekommen und wollte es jetzt als Template für weitere Seiten benutzten. Das habe ich dann so wie in Kapitel 12 Kapitel 12 gemacht, funktioniert auch soweit alles.

Zwei Probleme traten aber auf mit der "error"-Seite.
1. Wenn man z.B. http://localhost/test/linkweb.php?page=eine_seite_die_nicht_vorhanden_ist aufruft, wird einfach das Template ohne Inhalt (es existiert ja auch kein Inhalt) angezeigt.
Das konnte ich aber Lösen indem ich eine weitere If-Abfrage (in der linkweb.php) hinzugefügt habe, die überprüft ob der Name "eine_seite_die_nicht_vorhanden_ist" im Array vorkommt, wenn die Seite nicht vorhanden ist, hat $get_page den Wert "fehler" und der Fehlerinhalt wird in das normale Template eingetragen.

Jetzt zum eigentlichen Problem
2. Ich verstehe nicht ganz den Sinn oder Nutzen der class.error.php und der error.tpl.
Die Error-Seite wird nur angezeigt, wenn die Template-Datei leer oder nicht vorhanden ist. Die Template Datei wird, aber von mir eingetragen (also nicht vom Benutzter) und sollte deshalb auch immer vorhanden sein? Außerdem erscheint die Fehlermeldung Fatal error: Call to undefined method stdClass::set_var() in C:\xampp\htdocs\test\class.error.php on line 20, wenn man einen falschen Dateinamen für $main_template->template_file angibt.

Habe das "1. Problem" mit aufgeschrieben, weil ich erst dachte die error.tpl und class.error.php sei genau dafür (der Benutzer gibt einen Falschen Parameter für page an).

Ich hoffe hier schaut nochmal einer vorbei der mir sagen kann ob man die error.tpl und class.error.php wirklich braucht. Ob die Lösung für mein erstes Problem wirklich sinnvoll war, oder ich das besser über die error.tpl und class.error.php hätte realisieren sollen. Und was ich gegen die Fehlermeldung tun kann.

lg,
max

Leider wird der von der PHP-Datei ausgegebene img-Code in der Shoutbox angezeigt und nicht geparst.

Hier ist der PHP-Code:

 <?php if(isset($_POST['name']) and isset($_POST['text']) and $_POST['name'] != "" and $_POST['name'] != "Your message?" and $_POST['text'] != "" and $_POST['name'] != "Your name?") { $name = strip_tags($_POST['name']); $text = strip_tags($_POST['text']); # Smilies $umwandlung1 = str_replace('[Wütend]', '<img src="angry.gif" />', $text); $umwandlung2 = str_replace('[breites Grinsen]', '<img src="biggrin.gif" />', $umwandlung1); $umwandlung3 = str_replace('[Hunde Augen]', '<img src="dogeyes.gif" />', $umwandlung2); $umwandlung4 = str_replace('[Nichts wissen]', '<img src="dontknow.gif" />', $umwandlung3); $umwandlung5 = str_replace('[Hausaufgaben]', '<img src="homework.gif" />', $umwandlung4); $umwandlung6 = str_replace('[Idee]', '<img src="idee.gif" />', $umwandlung5); $umwandlung7 = str_replace('[Augenrollen]', '<img src="rolleyes.gif" />', $umwandlung6); $umwandlung8 = str_replace('[Schlaumeier]', '<img src="schlaumeier.gif" />', $umwandlung7); $umwandlung9 = str_replace('[schreiben]', '<img src=schreiben.gif"" />', $umwandlung8); $text_fertig = str_replace('[Grinsen]', '<img src="smile.gif" />', $umwandlung9); $dom = new DOMDocument("1.0", "UTF-8"); if(!$dom) exit("FEHLER(1)!"); $dom->preserveWhiteSpace = false; if(!$dom->load("shoutbox.xml")) { $shoutbox = $dom->createElement("shoutbox"); $dom->appendChild($shoutbox); } $new_entry_elem = $dom->createElement("entry"); $new_entry_elem->setAttribute("datetime", date("Y-m-d H:i")); $new_name_elem = $dom->createElement("name", substr($name, 0, 256)); $new_text_elem = $dom->createElement("text", substr($text_fertig, 0, 1024)); $new_entry_elem->appendChild($new_name_elem); $new_entry_elem->appendChild($new_text_elem); $shoutbox_elem = get_node($dom, '/shoutbox'); if($shoutbox_elem->firstChild) $shoutbox_elem->insertBefore($new_entry_elem, $shoutbox_elem->firstChild); else $shoutbox_elem->appendChild($new_entry_elem); $i = 0; $entry_elems = $dom->getElementsByTagName('entry'); if($entry_elems->length > 10) $shoutbox_elem->removeChild($shoutbox_elem->lastChild); $dom->save("shoutbox.xml"); } $content = file_get_contents("shoutbox.xml"); header('Content-Type: text/xml'); header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); header("Cache-Control: no-store, no-cache, must-revalidate"); echo $content; function get_node($dom, $xpath) { $path = new DOMXPath($dom); $nodes = @$path->query($xpath); if(!is_object($nodes)) return(false); else return($nodes->item(0)); } ?> 

Und hier der HTML-Code:

 <script type="text/javascript"> var xml_response_handler = function(content, output_id) { var entries = content.getElementsByTagName("entry"); document.getElementById(output_id).innerHTML = ""; for(i = 0; i <= entries.length; i++) { var entry_name = entries[i].getElementsByTagName("name")[0]; var entry_text = entries[i].getElementsByTagName("text")[0]; var p = document.createElement("P"); var b = document.createElement("B"); var br = document.createElement("BR"); var text_1 = document.createTextNode(entries[i].getAttribute("datetime")); var text_2 = document.createTextNode(" wrote "); var text_3 = document.createTextNode(entry_name.firstChild.nodeValue); var text_4 = document.createTextNode(":"); var text_5 = document.createTextNode(entry_text.firstChild.nodeValue); p.appendChild(b); b.appendChild(text_1); b.appendChild(text_2); b.appendChild(text_3); b.appendChild(text_4); p.appendChild(br); p.appendChild(text_5); document.getElementById(output_id).appendChild(p); } }; function show_shoutbox() { if(!document.getElementById) return; script_url = "shoutbox.php"; do_http_get_request("xml", script_url, "shoutbox_entries"); } function post_to_shoutbox() { if(!document.getElementById) return; script_url = "shoutbox.php"; post_field_ids = "name+text"; do_http_post_request("xml", script_url, post_field_ids, "shoutbox_entries"); } </script> <script type="text/Javascript"> <!-- var art; function smilie(art){ document.formular.text.value += "[" + art + "]"; document.formular.text.focus(); } //--> </script> </head> <body onload="show_shoutbox(); window.setInterval(show_shoutbox, 10000);"> <form action="#" method="post" name="formular" style=""> <div><textarea name="text" rows="3" cols="20" id="text" style="width:490px; height: 4em; border: solid 1px silver; font-family: Arial,sans-serif; font-size: 11px; padding: 1px"> Your message? </textarea></div> <div><input type="text" name="name" id="name" style="width:460px; border: solid 1px silver; font-family: Arial,sans-serif; font-size: 11px; padding: 1px" value="Your name?"> <input type="button" name="send" style="width:30px; border: solid 1px silver; background-color: #EEE; font-family: Arial,sans-serif; font-size: 11px;" value="OK" onclick="post_to_shoutbox()"></div> </form><br> <div style="border:1px black dashed; width:498px;"> <p align="center"> <img src=angry.gif" alt="Wütend" title="Wütend" onClick="smilie('Wütend')"> <img src="biggrin.gif" alt="breites Grinsen" title="breites Grinsen" onClick="smilie('breites Grinsen')"> <img src="dogeyes.gif" alt="Hunde Augen" title="Hunde Augen" onClick="smilie('Hunde Augen')"> <img src="dontknow.gif" alt="Nichts wissen" title="Nichts wissen" onClick="smilie('Nichts wissen')"> <img src="homework.gif" alt="Hausaufgaben" title="Hausaufgaben" onClick="smilie('Hausaufgaben')"> <img src="idee.gif" alt="Idee" title="Idee" onClick="smilie('Idee')"> <img src="rolleyes.gif" alt="Augenrollen" title="Augenrollen" onClick="smilie('Augenrollen')"> <img src="schlaumeier.gif" alt="Schlaumeier" title="Schlaumeier" onClick="smilie('Schlaumeier')"> <img src="schreiben.gif" alt="schreiben" title="schreiben" onClick="smilie('schreiben')"> <img src="smile.gif" alt="Grinsen" title="Grinsen" onClick="smilie('Grinsen')"> </p> <p align="center">Auf einen Smilie klicken, um ihn hinzuzufügen</p> </div> </div> 

Was habe ich falsch gemacht, oder wie kann ich das Problem beheben?

<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html style="border:solid 4px blue">
<head>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<title>Boxmodell</title>
</head>
<body style="border:solid 4px red">
<h1>Some body</h1>
<p>Some thing</p>
</body>
</html>

habt ihr eine erklärung
besten dank
Jürgen

ich hab gedacht, ich schreib meine Frage mal hier rein und nicht ins Wiki unter dem Punkt "discuss".

Basierend auf dem Buch Kapitel 5 und der dort beschriebenen Portal Seite habe ich meine Seite etwas angepasst (Quellcode von .html und .css folgt unten). Im Buch und im Wiki heisst es zur Absoluten Positionierung:

Absolute Positionierung positioniert eine Elementbox entweder relativ zu einem ebenfalls positionierten Elternelement, oder, falls es kein positioniertes Elternelement gibt, absolut im Dokument.

In meinem Beispiel gibt es ja ein positioniertes Elternelement (div mit der id="wrapper"). Warum wird dann das Bild im roten Rahmen von FF und IE unterschiedlich interpretiert? Im IE "klebt" es am oberen Rand des div-Bereichs, im FF eher am unteren (Wobei ich denke, dass es hier richtig(er) dargestellt wird, da ich momentan noch die 10px vom oberen Rand drin habe, was hier ja vom div, bzw. p Bereich sein müsste).

Darstellung FF:

Darstellung IE:

und gleich noch eine generelle Frage: Warum geht die H1 Überschrift unter dem Bild durch? Das Bild ist mit float:right positioniert, müsste die Überschrift dann nicht auch vor dem Bild halt machen, bzw. im Zweifelsfall in einer 2. Zeile weiter gehen?

Vielen Dank schonmal.

Gruß
jörge

P.S. Großes Lob für das Buch!!

Quellcode CSS: http://www.berufsmode-berger.de/work/forum/styles.css
Quellcode HTML: http://www.berufsmode-berger.de/work/forum/index.txt

MfG
Richard

Wenn ich mich recht erinnere hast du im Buch irgendwo geschrieben, dass es besser ist Farben als RGB Code (also Bsp. rgb(0,0,0);) anzugeben und nicht hexadezimal, die hexadezimale Schreibweise sei veraltet. Ich hoffe ich erinnere mich diesbezüglich noch richtig.

Warum ist das so? Ich mein, ich persönlich schreibe Farben immer als RGB Code hin, weil ich mir das einfach besser vorstellen kann als die hexadezimale Schreibweise - "ich nehm 0 Rot, 0 Grün und dazu 0 Blau, klar dass das schwarz ist" - aber es würde mich einfach mal näher interessieren.

MfG
Richard

Ich danke im voraus für die Bemühungen

#desktop_picture{
width:98%;
height:97%;
border:none;
}

das Bild fast über den gesamten Anzeigebereich gestreckt werden.

Das funktioniert bei mir weder im IE, noch im Opera und auch nicht im Firefox.

Woran liegt es?

Gruß Michael

bei meinem Firefox 2.0.0.14 funktioniert das Listing auf S.332 SMS-Längenbegrenzung nur teilweise. Die Anzahl der Zeichen wird richtig runtergezählt, aber die Eingabe wird nicht auf 160 begrenzt; d.h. die Anweisung document.getElementById(id_name).value.substr(0, max_value); wird vom Firefox nicht ausgeführt. Woran kann das liegen (irgendeine mir unbekannte Sicherheitseinstellung vom Firefox?), beim IE funktioniert es einwandfrei.
Vielen Dank für Deine Mühe
Uwe

schon wieder ich…

Immer wieder sprechen wir hier in der Firma darüber,
wie toll es wäre, wenn man Prospekte, Dokumentationen
oder Kataloge gleichermaßen als html und als druckfähige
pdf generieren könnte.

Gibt es dazu weiterführende Informationen, Links,
Programme und/oder Erkentnisse?

Viele Grüße!
Tomate

bzw, noch bin ich ja alleine und zudem auch noch der erste.
Ich trau mich eigentlich gar nicht eine Frage stellen.
So alleine wie ich hier noch bin… . Aber das änder sich
ja sicherlich bald.

Erstmal herzlichen Dank für das phantastische Werk. Ohne SELF-HTML
und das Buch wäre ich warscheinlich nie dazu gekommen Internetseiten
zu machen.

So, nun aber meine Frage.
Im Listing 12.4 ist der Code der linkweb.tpl abgebildet.

Dort findet man unter anderem die Zeile

 <form id="search" action="search.php" method="get"> 

Auf die search.php, bzw. auf das gesamte Thema "wie kann
ich meine Internetseite durchsuchbar machen" wird leider
nicht eingegangen.

Gibt es dazu vielleicht eine Ergänzug, Links und oder Tipps?

Viele Grüße!
Tomate

Ich finde es toll, dass im Mai (hoffentlich Anfang Mai an meinem Geburtstag ;P) wieder ein neues Buch rauskommt!
Nun meine Fragen dazu:
Wird das Buch auch 60€ kosten?
Und wie sieht es mit der Downloadmöglichkeit aus? Wird es eine (kostenlose) E-Book Version geben?
Wird im neuen Buch auch auf HTML 5 eingegangen, oder wird es dafür noch zu früh sein? Auf w3.org gibt es schon eine Ankündigung und eine Liste mit Veränderungen.

Gruß
Shade

schon früher gab es eine Diskussionsmöglichkeit begleitend zum Buch, realisiert als Google Group. Mit der neuen 2008er-Auflage (zum Zeitpunkt dieses Eröffnungspostings existiert sie noch gar nicht) zieht die buchbegleitende Website inklusive Forum in dieses Wiki hier um. Da die Webadresse des Wikis im Buch selbst bekannt gemacht wird, ist zu hoffen, dass der eine oder die andere Leser/in hierher findet.

Das Forum hier ist ein Teil des Wikis. Wer hier postet, kann einfach seinen Text drauflosschreiben - aber es besteht auch die Möglichkeit, Posting-Inhalte mittels Wiki-Syntax zu formatieren. Dazu kann auch die Formatierleiste oberhalb des Texteingabefelds beim Editieren benutzt werden.

Wie inhaltsreich und hilfreich das Wiki und sein Forum letztlich werden, hängt viel von Euerer Mitmachbereitschaft ab. Lest euch dazu auch die Seiten Hilfe zum Forum und Über dieses Wiki durch!

viele Grüße
Stefan Münz