Hilfe - Suche - Mitglieder - Kalender
Vollansicht: Grafiken nicht am richtigen Platz
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
Xisdown
Also bei SelfHTML stand, dass das, was ich gemacht hab die Grafik über bzw. unter den Text stellen lässt. Aber weil dort kein Text ist funktioniert das net richtig.
QUELLTEXT
bla

 <td background="Bilder/SeiteLinks.jpg" rowspan=7>

 <img src="Bilder/EckeOben.jpg" align=top>

 <img src="Bilder/DetailLinks.jpg" align=middle>

 <img src="Bilder/EckeUnten.jpg" align=bottom>

 </td>

bla

Das Problem ist nicht das rowspan, sondern dass die Bilder direkt untereinander angezeigt werden und nicht, wie ich will, das erste ganz oben, das zweite in der Mitte, und das dritte ganz unten
Wie mach ich das richtig?Alles als Bild oder Hintergrundbild geht nicht, weil die Höhe nicht vorgegeben ist.

[EDIT] ups, falsches Forum :roll:
Conny
Hallo,
schau mal HIER!

Quelltext anschauen!
Anstatt Farbangaben -wie auf der Beispielseite- setzt Du Dir Deine Bilder ein, damit wäre es doch schon so wie Du möchtest oder?

cu
Conny
Xisdown
stimmt, so könnt ich das auch machen... mit zig "Kästchen" in den tables. Is aber ziemlich aufwendig, geht das nicht einfacher?
Conny
Hi,
ZITAT
stimmt, so könnt ich das auch machen... mit zig "Kästchen" in den tables. Is aber ziemlich aufwendig, geht das nicht einfacher?


Klar, nimmst Du DIV-Container dann hast Du die 'Kästchen' nicht mehr...

cu
Conny
Xisdown
was ist ein div-container?
Conny
ZITAT
was ist ein div-container?
ZITAT
Mit <div> leiten Sie ein allgemeines Blockelement ein, in das Sie mehrere andere Block-Elemente einschließen können (div = division = Bereich). Alles, was zwischen diesem Tag und dem abschließenden </div> steht, wird als Teil des Bereichs interpretiert.
Xisdown
also in etwa so:
QUELLTEXT
<div align=top><img src="Bilder/bla.jpg"></div>


?
Conny
Nein,
eher etwa so:
<DIV STYLE="background-image: url(Bilder/EckeOben.jpg);">
<DIV STYLE="background-image: url(Bilder/DetailLinks.jpg);">
<DIV STYLE="background-image: url(Bilder/EckeUnten.jpg)">

cu
Conny
Netizen
ZITAT
was ist ein div-container?

In HTML gibt es zwei Arten von Elementen: inline-level und block-level. Erstere tauchen im normalen Fließtext auf, z.B. a, q, img, em, strong etc. Letztere bilden einen größeren Block, der wiederum andere inline- und block-level-Elemente enthalten kann. Beispiele dafür sind p, table, die ganzen Listenelemente u.a.

Jedes dieser Elemente hat in HTML eine spezielle Bedeutung/Semantik und sollte auch dementsprechend verwendet werden. Nun gibt es aber manchmal Fälle, wo die vorhandenen Elemente nicht ausreichen (wenn man z.B. einen Kopf- oder Fußbereich auf der Seite bauen will). Dafür kennt HTML noch zwei weitere allgemeine Elemente ohne jegliche Semantik: div (block) und span (inline). Insbesondere das div-Element stellt also nichts weiter dar als einen beliebigen Container, nicht mehr und nicht weniger.

Nach Möglichkeit sollte man div und span sparsam und nur dann verwenden, wenn sich wirklich kein passenderes Element findet. Zu sagen, "och, nehm ich einfach ein div und style mir das zurecht", widerspricht dem Sinn von HTML, auch wenn es heutzutage "in" zu sein scheint.

Gruß
n!
Conny
Hi N,
ZITAT
... auch wenn es heutzutage "in" zu sein scheint...


Nun, HTML ist eine lebendige Sprache und sie scheint sich tatsächlich in diese Richtung zu entwickeln... (like it or not :wink: )

cu
Conny
Netizen
ZITAT
Nun, HTML ist eine lebendige Sprache und sie scheint sich tatsächlich in diese Richtung zu entwickeln...

Ja, leider. sad.gif
Nicht umsonst schreibt das W3C in der CSS2-Spec:
ZITAT
Note. CSS gives so much power to the "class" attribute, that authors could conceivably design their own "document language" based on elements with almost no associated presentation (such as DIV and SPAN in HTML) and assigning style information through the "class" attribute. Authors should avoid this practice since the structural elements of a document language often have recognized and accepted meanings and author-defined classes may not.

Gruß
n!
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.
Invision Power Board © 2001-2012 Invision Power Services, Inc.