Bilder und weitere schwierigkeiten.

Janfred · 30 August 2007

Guten Morgen.
Ich bin auf der suche nach HTML hilfen zu euch gestoßen.

Vorweg muss ich sagen, das ich am Rechner, ne totale null bin!
Also bitte ich euch ein wenig gedult mit mir zu haben.

Ich hab mir heute den ganzen tag die Grundkentnisse von html und css eingeflößt. Ich muss sagen, mir Bluten schon die Augen.

So zu meinem problem. ich hab eine Seite bekommen die eig schon vom Layout fertig ist. Ich hätte nur noch einige grafiken einfügen müssen.
Habs aber leider nicht hinbekommen. Den quellcode habe ich schon ein wenig geändert, weil ich ein bisschen probiert habe.

Code:

<html>
        <head>
          <title> Willkommen bei janfred86.ja.funpic.de</title>      
        </head>
        <body bgcolor="white" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

        <table  align="left" width="124" cellpadding="1" cellspacing="0" border="0">
         <tr>
                <td colspan="2" width="124"><img width="124" height="115" src="http://www.html.de/images/lio.jpg" border="0"></td>
         </tr>
         <tr>
                <td colspan="2"><img width="124" height="22" src="http://www.html.de/images/limi.jpg" border="0"></td>
         </tr>
         <tr>
                <td colspan="2"><img width="124" height="75" src="http://www.html.de/images/navio.jpg" border="0"></td>

         </tr>
         <tr>
                <td background="Strand.gif"><img src="http://www.html.de/images/navilimi.jpg" width="15" height="15" border="0" alt=""></td><td width="109" background="http://www.html.de/images/navimimi.jpg"><div class="navi">Start<br>
                <a href="seite1.html">Link 1</a><br>
                <a href="seite2.html">Link 2</a><br>
                <a href="seite3.html">Link 3</a><br>
                </div></td>

         </tr>
         <tr>
                <td colspan="2"><img src="http://www.html.de/images/naviu.jpg" width="124" height="97" border="0" alt=""></td>
        </tr>
        <tr>    <!--Hier den Wert für height evtl. erhöhen, falls Ihr Text im Hauptfenster lang ist.-->         <td colspan="2"><img src="http://www.html.de/images/limi.jpg" width="124" height="175" border="0" alt=""></td>
        </tr>
        <tr>
                <td height="25" valign="bottom" colspan="2" background="http://www.html.de/images/limi.jpg"><div class="copyright"><a style="color:#505050" title="Kostenlose Buttons und HP-Vorlagen" href="http://www.homepage-buttons.de" target="_blank" >kostenlose <br>

                HP-Vorlagen</a></div></td>
        </tr>
</table>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
 <td align="center"><img src="http://www.html.de/images/banner.jpg" width="401" height="69" border="0" alt=""></td>
</tr>
<tr>
 <td>Guten tag</b>





</tr>
</table>
</body>
</html>

Kann mir vllt einer helfen und vllt eine codierung für einen frame da einbauen? und wie man Bilder und Hintergrundbilder einfügt.

Das wäre mir eine super Hilfe.
Dafür danke ich euch.

Mfg Jan

Maxi · 30 August 2007

Bitte verwende, wenn du Codes postest die Code-Funktion und nicht die Zitat-Funktion. Danke.

----------

Ein Doctype fehlt, bitte füge noch den passenden ein:
SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei

Ein Bild kannst du mit diesem Code einfügen:

Code:

<img src="Hier dein Link zum Bild" width="xx" height="xx" alt=Hier ein sinnvoller Alternativtext" />

Erklärungen dazu:
Hinter src=" musst du den genauen Link zum Speicherort der Bilder auf deinem Webserver angeben.
width="xx" hier ersetzt du die beiden x durch die Breite deiner Bilder (angegeben in Pixel), bei height="xx" ersetzt du die beiden x durch die Höhe der Bilder, ebenfalls in Pixel angegeben.
Hinter alt=" kommt ein sinnvoller Alternativtext, der das Bild kurz beschreiben soll. Dieser text wird dir angezeigt, wenn das Bild online aus irgendwelchen Gründen nicht angezeigt werden kann (man kann dann zum Beispiel immer noch navigieren, wenn die Navigation aus Buttons besteht und diese nicht angezeigt werden können, da man diese Alternativtexte lesen kann). Manche Brwoser zeigen die Alternativtexte auch dann an, wenn man mit dem Mauszeiger über ein Bild fährt und mit der Maus dann auf dem Bild stehen bleibt. (Macht zum Beispiel der Internet Explorer).

Wenn du der ganzen Seite ein Hintergrundbild geben möchtest kannst du das mit CSS machen. Hier mal der Code:

Code:

 body {
background: url('hier der Link zum Hintergrundbild');
}

Dieser Code kommt in deine CSS-Datei rein.
Wenn du keine hast kannst du ihn auch in den Head-Bereich deiner Seite einfügen, so:

Code:

<style type="text/css">
body {
background: url('hier der Link zum Hintergrundbild');
}
</style>

edi · 31 August 2007

Janfred schrieb:
Kann mir vllt einer helfen und vllt eine codierung für einen frame da einbauen?
Mfg Jan

Eine codierung fuer ein frame kannst Du nicht im Inhalt einbauen.
du musst eine extra datei anlegen und dort die frames festlegen. diese datei verweist dann auf deine eigentlichen Inhalte.
So kann man eine Seite in z.B. aus zwei, drei Teildatei bestehen lassen. (Kopf mit Firmenlogo; Navigation; Inhalt)
Wenn du hier in den letzten Beitraegen stoeberst findest Du den Anfang.

Bilder und weitere schwierigkeiten.

Janfred

Neues Mitglied

Maxi

Neues Mitglied

edi

Neues Mitglied

Neueste Beiträge