Barthez
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:
</br>
<a href="http://www.keeperforum.de/forum"><img border="0" src="/inhalt/platzhalter.gif" width="100" height="100" alt="zum Forum"></br>
</br>
<a href="http://www.keeperforum.de/forum"><img border="0" src="/inhalt/platzhalter.gif" width="100" height="100" alt="zum Forum"></br>
</br>
und wie müßte es heißen wenn ich die beiden Bilder nebeneinander stellen mächte?
ich danke für Eure Hilfe!
Gruß
KleenMicha
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:
tun.
Vorher war es mittels:
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> |
|
hardcore-punk
| 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
Barthez
super .. danke Leute ... kann ich den Abstand zwischen den Bildern einstellen?
hardcore-punk
mit <br /> kannst du Zeilenumbrüche machen oder (geschützte) Leerzeichen mit
Barthez
nochmals danke ... ist es möglich Text neben die Bilder zu bekommen wenn ich sie untereinander stelle?
codingnoob
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.
Barthez
kann noch eienr was zu dem Text neben den Bildern sagen bitte?
KleenMicha
War auch von mir so nicht beabsichtigt.
Sowas nennt man dann Tippfehler.
Whisper
Fließtext kann man mittels folgenden Code machen:
| code: |
1:
|
<img src="platzhalter.gif" align="left/right" vspace="5" hspace="10" />Dein Text |
|
eichi
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ß
[kamui]
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 ^^
eichi
| 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?
Game(R)ST
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 <br/> <br /> 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>
<p>
Dies ist ein Beispiel!
<br/><br />
<img src="" alt="" width="10" height="10" />
<img src="" alt="" width="10" height="10"/></p>
</body>
</html>
|
lasst das mal bei
http://validator.w3.org/
durchlaufen--> Das teil besteht trozdem. Ob man jetzt <br/> oder <br /> schreibt ist egal, es ist nur wichtig, das bei Tags die nicht in der Form <b>Text</b> 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!
