HTML Bilder

[[email protected]]

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?

 

[Calm]

Dafür musst du CSS nutzen: CSS 4 You - The Finest in Stylesheets

 

[ka9de]

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.

 

[[email protected]]

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.

 

[threadi]

Ich versteh auch noch nicht ganz was Du meinst. Wenn Du ein Bild verlinken willst, musst Du nur einen Link um das Bild legen.

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

 

[[email protected]]

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

 

[[email protected]]

Hallo,

kann mir hierbei keiner mehr helfen?

 

[Didi_55]

<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.

 

[bdt600]

Würdest du bitte nicht drängeln! Statt dessen könntest du ja mal die Grundlagen lernen: SELFHTML 8.1.2 (HTML-Dateien selbst erstellen) und CSS 4 You - The Finest in Stylesheets

 

[threadi]

Und könntet ihr bitte Code-Tags verwenden wenn ihr Quellcode hier zeigt.

 

[[email protected]]

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.

 

[bdt600]

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.

 

[[email protected]]

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.

 

[bdt600]

Erkläre zuerst einmal, warum überhaupt eine absolute Positionierung, denn das ist in den meisten Fällen unnötig. Und ein Link zu der Seite wäre auch nicht schlecht.

jedoch benötige ich das dringend.

"Dringend" ist ein Begriff, der in kein Forum passt.

 

[[email protected]]

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)

 

[threadi]

Klar geht es kürzer, wenn Du den Style-Code in eine externe CSS-Datei auslagerst. Dann sähe der HTML-Code so aus:

<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:

<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.

 

[[email protected]]

Vielen Dank für deine Antwort.
Jedoch das versteh ich lleider garnicht mit dem "auslagern" .

Aber trotzdem Danke

 

[bdt600]

Jedoch das versteh ich lleider garnicht mit dem "auslagern" .

Und genau da sind wir wieder bei den Grundlagen! Solange du dich damit nicht wirklich beschäftigt hast, können wir schreiben was wir wollen, du wirst immer Fragezeichen in den Augen haben. Es sei denn, wir liefern dir eine fertige Lösung, was aber nicht Sinn der Sache ist.

Siehe SELFHTML: Stylesheets / CSS-Formate definieren / Stylesheets in HTML einbinden