Auf Thema antworten 2025

Beitrag

<blockquote data-quote="tamai" data-source="post: 1370299" data-attributes="member: 262824">AW: Website zu klein!benutze firefox und installiere das addon &#039;firebug&#039; dann kannst du dir den code von andern seiten ansehen und auch dadurch direkt html und css elemente lernen die dich interessieren.dein vorhaben ist ähnlich wie eine meiner ersten seiten(als vorgabe war hier eine seite in html und css mit intro und mindestens drei folge seiten, ohne inhaltlich den anspruch auf vollständigkeit zu haben, natürlich könnte man über die aufteilung und ästhetik diskutieren - aber das ist hier nicht das thema)wenn du diese seite nimmst, maße und farben an deine bedürfnisse anpaßt(&nbsp; &#039;&lt;tr class_&quot;top&quot;&gt;&#039; und &#039;&lt;tr class=&quot;footer-b high=&quot;69&quot; rausschmeißen, den footer in der höhe auf ca. 113 (?) pixel stellen, für deine sportfritzen, alaign:right - was du willst) und den part zwischen &#039;&lt;body&gt;&#039; und &#039;&lt;/body&gt;&#039; nochmal komplet in eine tabelle schnickst indem du den modifizierten code komplett kopierst, dann die stelle &#039;&amp;nbsp;&#039; in dem CODE unten markierst und den inhalt deiner seite einfügst sollte die geschichte klappen.in dem folgenden code ist der vorschlag mit dem &#039;repeat-x&#039; integriert - dein hintergrundbild muß dabei nicht bildschirmfüllend sein, es reicht in deinem fall ein schmaler vertikaler streifen von 1x1000 pixeln.so hast du deinr bildgröße fett reduziert un dadurch auch eine schnellere ladezeit! übrigens gilt das auch für den BG des menüs, ein vertikaler streifen von 1x64 pix auf &#039;repeat-x&#039; in dem &#039;&lt;tr&gt;&#039; für den menü!bsp-seite: eine einfache seite ohne überlauf&nbsp;- CODE -______________&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;head&gt;&nbsp; &nbsp; &lt;title&gt;xx-titel-xx (wird im browser-tab angezeigt)&lt;/title&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;!--body {background:ulr(&quot;ordner_x/bild_x.jpg&quot;) repeat-x;&nbsp; &nbsp; &nbsp; &nbsp; }--&gt;&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;table width=&quot;100%&quot; height=&quot;100%&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; style=&quot;margin-left:auto; margin-right:auto;&quot;&gt;&nbsp; &nbsp; &lt;tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&amp;nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt;&nbsp; &nbsp; &lt;/tr&gt;&lt;/table&gt;&nbsp;- CODE ENDE - ______________&#039;style&#039; ist &#039;n bissel eingebundenes css, body ist für den hintergrund und &#039;a&#039; ist für die links - &#039;a:hover&#039; und &#039;a:active&#039; ist für mouse over link und für das aktivieren des links.die &#039;100%&#039; sorgen dafür das die site, egal bei welche auflösung immer! bildschirmfüllend angezeigt wird.&#039;cellspacing&#039;, &#039;cellpadding&#039; und &#039;border&#039; würde ich überal mit NULL angeben (besser in der css-datei) da es meines eindrucks/erfahrung browser gibt die bei keinen angaben ungefragt &#039;n pix reinrechnen was dir dann die ganze site verhexelt (safari).die unsgeschlagene referenz:&nbsp; SELFHTML - Die bekannte Dokumentation zu HTML, JavaScript und CGI/Perl - Tutorial und Referenz, mit etlichen Zusatztips zu Design, Grafik, Projektverwaltung usw.:<a href="http://de.selfhtml.org/" target="_blank">SELFHTML 8.1.2 (HTML-Dateien selbst erstellen)</a>ein sehr guter editor für den code (html und css ...) ist Notepad++ Portable, den kannste dir dann auch den usb-stick packen:<a href="http://www.chip.de/downloads/Notepad-Portable_28036094.html" target="_blank">Notepad++ Portable - Download - CHIP Online</a>in hoffnung dat es dich nicht direkt abschreckt, wünsch ich ersteinmal viel erfolg bei der umsetzung&nbsp; <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" />lg tamaki</blockquote>

[QUOTE="tamai, post: 1370299, member: 262824"] [b]AW: Website zu klein![/b] benutze firefox und installiere das addon 'firebug' dann kannst du dir den code von andern seiten ansehen und auch dadurch direkt html und css elemente lernen die dich interessieren. dein vorhaben ist ähnlich wie eine meiner ersten seiten (als vorgabe war hier eine seite in html und css mit intro und mindestens drei folge seiten, ohne inhaltlich den anspruch auf vollständigkeit zu haben, natürlich könnte man über die aufteilung und ästhetik diskutieren - aber das ist hier nicht das thema) wenn du diese seite nimmst, maße und farben an deine bedürfnisse anpaßt ( '<tr class_"top">' und '<tr class="footer-b high="69" rausschmeißen, den footer in der höhe auf ca. 113 (?) pixel stellen, für deine sportfritzen, alaign:right - was du willst) und den part zwischen '<body>' und '</body>' nochmal komplet in eine tabelle schnickst indem du den modifizierten code komplett kopierst, dann die stelle '[COLOR=Red] [/COLOR]' in dem CODE unten markierst und den inhalt deiner seite einfügst sollte die geschichte klappen. in dem folgenden code ist der vorschlag mit dem 'repeat-x' integriert - dein hintergrundbild muß dabei nicht bildschirmfüllend sein, es reicht in deinem fall ein schmaler vertikaler streifen von 1x1000 pixeln. so hast du deinr bildgröße fett reduziert un dadurch auch eine schnellere ladezeit! übrigens gilt das auch für den BG des menüs, ein vertikaler streifen von 1x64 pix auf 'repeat-x' in dem '<tr>' für den menü! bsp-seite: eine einfache seite ohne überlauf - CODE - ______________ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>xx-titel-xx (wird im browser-tab angezeigt)</title> <style type="text/css">  </style> </head> <body> <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0" style="margin-left:auto; margin-right:auto;"> <tr> <td> [COLOR=Red] [/COLOR] </td> </tr> </table> - CODE ENDE - ______________ 'style' ist 'n bissel eingebundenes css, body ist für den hintergrund und 'a' ist für die links - 'a:hover' und 'a:active' ist für mouse over link und für das aktivieren des links. die '100%' sorgen dafür das die site, egal bei welche auflösung immer! bildschirmfüllend angezeigt wird. 'cellspacing', 'cellpadding' und 'border' würde ich überal mit NULL angeben (besser in der css-datei) da es meines eindrucks/erfahrung browser gibt die bei keinen angaben ungefragt 'n pix reinrechnen was dir dann die ganze site verhexelt (safari). die unsgeschlagene referenz: SELFHTML - Die bekannte Dokumentation zu HTML, JavaScript und CGI/Perl - Tutorial und Referenz, mit etlichen Zusatztips zu Design, Grafik, Projektverwaltung usw.: [url=http://de.selfhtml.org/]SELFHTML 8.1.2 (HTML-Dateien selbst erstellen)[/url] ein sehr guter editor für den code (html und css ...) ist Notepad++ Portable, den kannste dir dann auch den usb-stick packen: [url=http://www.chip.de/downloads/Notepad-Portable_28036094.html]Notepad++ Portable - Download - CHIP Online[/url] in hoffnung dat es dich nicht direkt abschreckt, wünsch ich ersteinmal viel erfolg bei der umsetzung ;) lg tamaki [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das zweite Wort!