YourWBB

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Bilder html konform anlegen?

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

3.548 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Bilder html konform anlegen?

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

Barthez
Mitglied

Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0

Bilder html konform anlegen?

Antworten Zitieren Editieren Melden UP

Hi Leute,

ich hätte ine kurze Frage ... es ist ja immer etwas schwierig die Website so zu gestalten das in allen Brwosern das gleiche erscheint .. Stickwort Browserkompatibilität!

Wie ist der korrekte Ausdruck um Bilder einzufügen?

untereinander:

<a href="http://www.keeperforum.de/forum"><img border="0" src="/inhalt/platzhalter.gif" width="100" height="100" alt="zum Forum">

<a href="http://www.keeperforum.de/forum"><img border="0" src="/inhalt/platzhalter.gif" width="100" height="100" alt="zum Forum">


und wie müßte es heißen wenn ich die beiden Bilder nebeneinander stellen mächte?

ich danke für Eure Hilfe!

Gruß

__________________
Gruß
Barthez

20.03.06 11:03

E-Mail WWW Finden Als Freund hinzufügen

KleenMicha KleenMicha ist männlich

Webentwickler

Dabei seit: 16.01.04
Beiträge: 2.592
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi

RE: Bilder html konform anlegen?

Antworten Zitieren Editieren Melden UP

Um eine möglichst große Bandbreite an Brwosern zu erreichen ist der Weg der Valididerung deiner webseite der richtige Weg.

Nun ein paar Tipps:

Um umbrüche zu erzeugen musst du laut den xhtml 1.x Richtlinien dies mittels:

code:
1:	<br />

tun.
Vorher war es mittels:

code:
1:	<br>

Nun für deine Bilder, hir zum einen der Code um sie untereinander darzustellen:

code:

1:
2:
3:
4:

<a href="http://www.keeperforum.de/forum"><img src="inhalt/platzhalter.gif" border="0" width="100" height="100" alt="zum Forum" /></a><br /><br />
<a href="http://www.keeperforum.de/forum"><img src="inhalt/platzhalter.gif" border="0" width="100" height="100" alt="zum Forum"></a><br />
<br />

Und wenn du die grafiken nebeneinader willst, dann:

code:

1:
2:

<a href="http://www.keeperforum.de/forum"><img src="inhalt/platzhalter.gif" border="0" width="100" height="100" alt="zum Forum" /></a>
<a href="http://www.keeperforum.de/forum"><img src="inhalt/platzhalter.gif" border="0" width="100" height="100" alt="zum Forum"></a>

__________________
Gruß Micha

20.03.06 12:29

E-Mail WWW Finden Als Freund hinzufügen

MSN Passport-Profil von KleenMicha anzeigen

hardcore-punk hardcore-punk ist männlich

Dünngsöchter

Dabei seit: 01.11.04
Beiträge: 4.591
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Profi
Herkunft: Im tiefsten Wald von Österreich
Forenversion: 2.3; Lite 1.0

RE: Bilder html konform anlegen?

Antworten Zitieren Editieren Melden UP

code:

1:
2:
3:
4:
5:
6:
7:

<a href="http://www.keeperforum.de/forum">
<img border="0" src="/inhalt/platzhalter.gif" width="100" height="100" alt="zum Forum" title="" /><br />
<br />
<a href="http://www.keeperforum.de/forum"><img border="0" src="/inhalt/platzhalter.gif" width="100" height="100" title=""  alt="zum Forum" /><br />
<br />

Edit: Micha war schneller großes Grinsen

__________________

***

DOWNR!DERS LINZ
Downriders-Linz'Downhill'Freeride'Dirtjump'MTB

***

20.03.06 12:34

E-Mail WWW Finden Als Freund hinzufügen

AIM-Name von hardcore-punk: huemerdaniel

MSN Passport-Profil von hardcore-punk anzeigen

Barthez
Mitglied

Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0

Themenstarter Thema begonnen von Barthez

Antworten Zitieren Editieren Melden UP

super .. danke Leute ... kann ich den Abstand zwischen den Bildern einstellen?

__________________
Gruß
Barthez

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Barthez: 20.03.06 12:39.

20.03.06 12:39

E-Mail WWW Finden Als Freund hinzufügen

hardcore-punk hardcore-punk ist männlich

Dünngsöchter

Dabei seit: 01.11.04
Beiträge: 4.591
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Profi
Herkunft: Im tiefsten Wald von Österreich
Forenversion: 2.3; Lite 1.0

Antworten Zitieren Editieren Melden UP

mit kannst du Zeilenumbrüche machen oder (geschützte) Leerzeichen mit  

__________________

***

DOWNR!DERS LINZ
Downriders-Linz'Downhill'Freeride'Dirtjump'MTB

***

20.03.06 12:41

E-Mail WWW Finden Als Freund hinzufügen

Barthez
Mitglied

Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0

Themenstarter Thema begonnen von Barthez

Antworten Zitieren Editieren Melden UP

nochmals danke ... ist es möglich Text neben die Bilder zu bekommen wenn ich sie untereinander stelle?

__________________
Gruß
Barthez

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Barthez: 20.03.06 12:54.

20.03.06 12:46

E-Mail WWW Finden Als Freund hinzufügen

codingnoob
Don't hit 'em boon.

Dabei seit: 16.01.04
Beiträge: 2.756

Antworten Zitieren Editieren Melden UP

Ein kleiner Hinweis vielleicht noch, wenn du KleenMichas Version benutzt:
Bei xhtml muss es heißen

code:
1:	<img src="inhalt/platzhalter.gif" border="0" width="100" height="100" alt="zum Forum" />

Bei HTML

code:
1:	<img src="inhalt/platzhalter.gif" border="0" width="100" height="100" alt="zum Forum">

(Der Unterschied liegt im "Leerzeichen Slash" am Ende des Tags)
Mischen, so wie Micha das tat, ist nicht zulässig.

Vielleicht wollte er die beiden verschiedenen Versionen zeigen, aber er hat zumindest nicht darauf hingewiesen.

__________________
… mfG, cn …
– Siehe auch: last.fm wBB-User-Group

Vorsicht! User bringt gefährliches Halbwissen in Umlauf!

Kein Support per PN! Dafür ist das Forum da. Auch keine Hinweise auf Threads per PN!

Meine Kritik an deinem Forum, Style, … ist hart? Oh. … das Positive siehst du als Erschaffer ja selbst.

20.03.06 12:56

E-Mail Finden Als Freund hinzufügen

Barthez
Mitglied

Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0

Themenstarter Thema begonnen von Barthez

Antworten Zitieren Editieren Melden UP

kann noch eienr was zu dem Text neben den Bildern sagen bitte?

__________________
Gruß
Barthez

20.03.06 13:07

E-Mail WWW Finden Als Freund hinzufügen

KleenMicha KleenMicha ist männlich

Webentwickler

Dabei seit: 16.01.04
Beiträge: 2.592
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi

Antworten Zitieren Editieren Melden UP

War auch von mir so nicht beabsichtigt. unglücklich

Sowas nennt man dann Tippfehler.

__________________
Gruß Micha

20.03.06 13:19

E-Mail WWW Finden Als Freund hinzufügen

[kamui]
~

Dabei seit: 27.04.05
Beiträge: 2.992

Antworten Zitieren Editieren Melden UP

Dafür würde ich eine Table benutzen

www.de.selfhtml.org Zunge raus

20.03.06 15:03

Finden Als Freund hinzufügen

Whisper Whisper ist weiblich

Frechdachs

Dabei seit: 16.01.04
Beiträge: 879
Herkunft: Traumwelt

Antworten Zitieren Editieren Melden UP

Fließtext kann man mittels folgenden Code machen:

code:
1:	<img src="platzhalter.gif" align="left/right" vspace="5" hspace="10" />Dein Text

__________________
LG,
Whis Winke

Jappy - Deine Community

Dassdas
seitseid

20.03.06 16:15

E-Mail WWW Finden Als Freund hinzufügen

BreiteSeite BreiteSeite ist männlich

ETIESETIERB

Dabei seit: 02.10.04
Beiträge: 1.420
Fähigkeiten: WBB3 Anfänger; WBB2 Fortgeschritten
Herkunft: Sachsen
Forenversion: 3.0

Antworten Zitieren Editieren Melden UP

oder

code:
1:	Muuuuhhh<img src="bild.gif" id="passendebeschreibungfürdasbild" alt="Ersatztext" /> Muuuhh ^^

iund im CSS dann

code:
1: 2: 3: 4:	#passendebeschreibungfürdasbild { float: right; margin: 3px; }

__________________
Mit freundlichen Grüßen
BreiteSeite

» Mancher Mensch hat ein großes Feuer in seiner Seele, und niemand kommt, um sich daran zu wärmen. «
BreiteSeites sysProfile

20.03.06 16:31

E-Mail WWW Finden Als Freund hinzufügen

MSN Passport-Profil von BreiteSeite anzeigen

eichi
Mitglied

Dabei seit: 16.01.04
Beiträge: 2.383

Antworten Zitieren Editieren Melden UP

im allgemeinen wäre es ggf. sinnvoll die Attribute über CSS anzugeben und noch ein titel Attribut einzufügen, damit der FF auch beim Mausüberfahren den Hinweis Text anzeigt wie der IE durch das alt Attribut anzeigt. Also statt:

code:
1:	<img src="inhalt/platzhalter.gif" border="0" width="100" height="100" alt="zum Forum" />

eben:

code:
1:	<img src="inhalt/platzhalter.gif" style="border: 0px none; width:100px; height:100px;" alt="zum Forum" title="zum Forum" />

gruß

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von eichi: 20.03.06 22:21.

20.03.06 22:20

Finden Als Freund hinzufügen

[kamui]
~

Dabei seit: 27.04.05
Beiträge: 2.992

Antworten Zitieren Editieren Melden UP

Man braucht aber nicht unbedingt den Tag über CSS zu definieren, eichi. Ich habe das noch nie gemacht, und es hat bisher immer tadellos funktioniert ^^

21.03.06 16:43

Finden Als Freund hinzufügen

eichi
Mitglied

Dabei seit: 16.01.04
Beiträge: 2.383

Antworten Zitieren Editieren Melden UP

Zitat:

Original von kAmui_2k5
Man braucht aber nicht unbedingt den Tag über CSS zu definieren, eichi. Ich habe das noch nie gemacht, und es hat bisher immer tadellos funktioniert ^^

hab ich den geschrieben MAN MUSS ? Nein, ich habe geschrieben das es sinnvoll wäre. Interpretation war noch nie so deine Stärke, oder?

21.03.06 16:53

Finden Als Freund hinzufügen

Game(R)ST Game(R)ST ist männlich

Mitglied

Dabei seit: 21.08.05
Beiträge: 101
Fähigkeiten: WBB3 Profi
Herkunft: Veraltet
Forenversion: 3.0

Antworten Zitieren Editieren Melden UP

Kurz zu CSS-Variante:
float: right;

Du musst dann aber eine Element drunter, wenn du das aufheben musst ein
clear: left; machen, du kannst dir sonst auch sehr schnell den Style zerschiesen.

Zum Thema und <img/> <img />

Zitat:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Test</title>
</head>
<body>

Dies ist ein Beispiel!
 
<img src="" alt="" width="10" height="10" />
<img src="" alt="" width="10" height="10"/>
</body>
</html>

lasst das mal bei
http://validator.w3.org/
durchlaufen--> Das teil besteht trozdem. Ob man jetzt oder schreibt ist egal, es ist nur wichtig, das bei Tags die nicht in der Form Text geschrieben werden ein Schließzeichen kommt, ( img, br, hr sind mir sofort bekannt!) das in diesem Fall / ist.
Das hat aber was mit XML zutun. Und XML ist es wumpe ob du <tag/> oder <tag /> schreibst, das eine seiht nur besser aus und macht einen Tag übersichtlicher!

__________________
Überzeugter vB-Besitzer.
Aber genau so gerne setzte ich das wBB ein.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Game(R)ST: 21.03.06 18:04.

21.03.06 18:02

E-Mail Finden Als Freund hinzufügen

Baumstruktur | Brettstruktur

Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Bilder html konform anlegen?