• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HTML Bilder

[email protected]

Neues Mitglied
Hallo,

ich bin absoluter Anfänger und benötige dringend Hilfe.

Ich möchte auf einer Website Bilder hochladen.
Diese sollen eine bestimmte Größe haben. An einer bestimmten Position stehen. Keinen Rand haben.
zwischen den Bildern darf auch kein Abstand sein und verlinken möchte ich die Bilder.

Könntet Ihr mir bitte helfen, dass alles so kurz wie möglich in html zu schreiben?
 
Sowas wie bei 4fu.. .com? HTML alleine reicht hier nicht und "so kurz wie möglich" geht auch nicht, allein der Bilderupload ist schon etwas Programmieraufwand. HTML ist eine Auszeichnungssprache, damit alleine kann man sowas nicht realisieren, dafür brauchst du noch eine serverseitige Programmiersprache wie PHP oder entsprechende Alternative.
Positionierung ist dann wieder eher CSS Sache, Rand auch (CSS: border Eigenschaft), Abstand ist CSS Margin und verlinken ist wiederum HTML Sache.

Zu deiner Frage: Ja, wir können dir helfen wenn du selbst Einsatz zeigst. Das heißt du stellst konkrete Fragen, beschäftigst dich mit dem was du machen willst ODER bezahlst dafür und bietest einen entsprechenden Job in der Jobbörse an.
 
Hallo,

ich glaub ich habe mich falsch ausgedrückt.

Also einen Bilderupload benötige ich nicht.

Ich benötige einen kleinen html Text.

Dieser sollte folgendes beinhalten.

Ein Bild / Bildgröße änderbar in Pixel / Bildposition änderbar in Pixel / Bild solte ohne Rahmen sein

also ca. so

<divstyle="position: absolute; width: 100px; height: 100px; z-index: 1; left:0px; top: 76px" id="Ebene1"><img border="0"src="Bild.jpg" width="950" height="1000"alt="" /></div>
nur noch fehlt da noch der Link Text. Also wenn man auf das Bild klickt soll man auf einer anderen Website rauskommen.

Nur wenn es geht so kurz wie möglich.

Vielen Dank.


zwischen den Bildern soll auch kein Abstand sein / und den Bildern möchte ich Links zuordnen.
 
Ich versteh auch noch nicht ganz was Du meinst. Wenn Du ein Bild verlinken willst, musst Du nur einen Link um das Bild legen.

HTML:
<a href="linkziel.html"><img src="Bild.jpg" width="950" height="1000"alt="" /></a>
 
Hallo,

ich hab doch geschrieben, dass ich ein totaler Anfänger bin.

Könntest du mir in dein Beispiel auch noch eine Bildpositionierung einfügen?

Ich hab auch mal wo gelsen dass man wenn man keinen Bildrand möchte, dass man dann auch noch irgendwo "border 0" reinschreiben muss.

also so ähnlich wie das:

<divstyle="position: absolute; width: 100px; height: 100px; z-index: 1; left:0px; top: 76px" id="Ebene1"><img border="0


Vieln Dank für euere Hilfe
 
Zuletzt bearbeitet:
HTML:
<div style="margin:0; padding:0; border:0;> <a href="index.html"><img src="Bild.jpg  " width="950" height="1000" /></a>  </div>

Bei dem Div musst du es so postionieren, wie du es halt haben willst.
 
Zuletzt bearbeitet:
Hallo,

danke für die Antwort.

Jedoch kann ich in dem html Code nicht die Bildposition bestimmen.
Könnte mir das noch jemand in den html code einbauen.

<div style="margin:0; padding:0; border:0;> <a href="index.html"><img src="Bild.jpg " width="950" height="1000" /></a> </div>

Ich bedanke mich für die tole Hilfe.
 
Jedoch kann ich in dem html Code nicht die Bildposition bestimmen.
Warum nicht. An anderer Stelle in diesem Thread hast du doch schon Positionsangaben
Könnte mir das noch jemand in den html code einbauen.
Ehrlich gesagt nö! Du solltest mal die Grundlagen lernen
Und was hast du daran nicht verstanden:
Und könntet ihr bitte Code-Tags verwenden wenn ihr Quellcode hier zeigt.
 
Hallo,

wäre sehr nett, wenn mir dabei doch jemand helfen würde.
Wenn ich da selber etwas dazu schreibe funktioniert das nicht.

Vielen Dank

Ich bin ja dabei die Grundlagen zu lernen, jedoch benötige ich das dringend.
 
Hallo,

ich habe das selber jetzt mal probiert.
es klappt auch, jedoch meine Frage ob man das noch kürzer schreiben kann.

<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 0px; top: 76px" id="Ebene1"><a href="http://www..de"><img src="Bild.jpg" width="500" height="500" alt="" /></a></div>

Ein Link zu der Seite ist leider nicht möglich. Da die Seite noch nicht veröffentlicht ist (ist noch geheim)
 
Klar geht es kürzer, wenn Du den Style-Code in eine externe CSS-Datei auslagerst. Dann sähe der HTML-Code so aus:
HTML:
<div id="Ebene1"><a href="http://www..de"><img src="Bild.jpg" width="500" height="500" alt="" /></a></div>

Weiterhin sehe ich keinen Sinn in dem <div>, weshalb man theoretisch auch auf dieses komplett verzichten könnte. Also nur schreiben:
HTML:
<a  id="Ebene1" href="http://www..de"><img src="Bild.jpg" width="500" height="500" alt="" /></a>

und dann im externen CSS für die ID Ebene1 zusätzlich auch noch "display: block;" als Eigenschaft setzen.
 
Zurück
Oben