Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Vertikal Dynamisch“

B4bUcK3

Noch nicht viel geschrieben

Guten Abend,
ich habe ein Problem mit meiner neuen Page, undzwar möchte ich, dass sie vertikal dynamisch ist, sprich, wenn ich im Hauptteil etwas tippe, dann soll die Seite so lang werden wie an Inhalt vorhanden ist.
Ich habe 3 Bilder, die den dynamischen Teil Bilden sollen.
wenn ich unten rechts und links die Höhe verändere, zieht sich der mittlere Teil automatisch nach unten. Das Ganze funktioniert aber leider nicht umgekehrt.
Kennt sich irgendjemand mit so etwas aus? Bitte um Hilfe.
Danke!
 
Zuletzt bearbeitet:

Herr_D

offline

AW: Vertikal Dynamisch

code?

schreib in den head-bereich deines dokumentes:

Code:
<style type="text/css">
<!--
td, th {vertical-align:top;}
-->
</style>

Ist doch wahrscheinlich ein Tabellenlayout oder?
 

Chickenshooter

Alter Mann

AW: Vertikal Dynamisch

Soll Deine Seite den unbedingt länger werden????

Wenn nicht versuch mal das hier für deinen Contentbereich:

die Position, die Höhe und die Breite musst Du dann nur noch an Deine
Seite anpassen.


HTML:
<div style="position:absolute; left:400px; top:166px; width:420px; height:423px; z-index:2; overflow: auto;">
  <p align="justify">Lo<a name="home"></a>rem ipsum usu dictas omittam accommodare ad, cum no clita utamur virtute. Sea et invidunt pertinax, no consul nusquam est. Ius eu aeterno repudiandae, eu laoreet dissentiunt vis. Duo ne facer referrentur intellegebat, pri oratio fabulas mentitum an. Solum cetero detracto ea sed, usu te denique suscipit.</p>
  <p align="justify">Mei solet prompta et. In sint prodesset qui, mutat simul sensibus an nam, nam te tale eripuit ancillae. Ad eos agam dicat. Sea te quis imperdiet honestatis, his ad iudico animal iracundia. Labore omnium dolores te duo, his tempor honestatis an.</p>
  <p align="justify">Ius mucius expetendis reformidans te, quas deterruisset an per, cum salutatus scriptorem ex. Sint mnesarchum est ei, mea illud nostrum persequeris et. Quis aliquam offendit per ea, et adhuc forensibus vix. Pro tantas argumentum ne, libris propriae eos at. Justo mundi labore cu has, qui ei mandamus adolescens consequuntur.</p>
  <p align="justify">In pri idque mucius appetere, sensibus omittantur eloquentiam ad usu. Quo cu modus accusata pericula, an modo honestatis vim. Ex mel solum nostro. Qui kasd tempor pericula no, ex his ullum novum, postea voluptua maluisset no pri.</p>
  <p align="justify">Nam sale dolores cu, ignota molestiae consectetuer te eos. Sea prompta maluisset corrumpit ex, vix no volumus nostrum liberavisse. In doming luptatum mei, reque sensibus at eum, mei ea ocurreret persecuti. Est audire perpetua ne. Id suavitate splendide vel. Minimum accusam philosophia te sed, id ius percipitur delicatissimi, vel omnis altera id.</p>
  <p align="justify">Te<a name="link1"></a> soluta omnium tincidunt per, ei fastidii nominavi pri, vis legimus petentium deterruisset cu. Luptatum singulis sensibus id vis. Omnis autem vitae eu pro. Sed ex scripta facilisis interpretaris, cu facete integre maiorum sea. Nec cu tollit eleifend, ius erat percipit invenire at. No duo recusabo adipiscing, id sed quem nibh ludus.</p>
  <p align="justify">Ius ne possim aperiam. Ea nulla appellantur mea, molestie concludaturque usu ad. Pericula repudiandae cu vis. Ad ipsum legimus assueverit per, eum an vocent audire convenire, ad semper habemus lucilius nam. Eam deleniti dignissim et, sit quas voluptatum cu.</p>
  <p align="justify">Ir<a name="link2"></a>iure senserit no ius, scripta reprehendunt ut ius, oratio officiis duo id. Sea ne enim eruditi perpetua. Ornatus reformidans vim in, usu tale erat inani no. Stet inimicus urbanitas eum ei, appareat inciderint mel no. Eos porro nobis ea, eos natum ceteros periculis at. Ei ferri nusquam vel, possim aperiri accommodare cu ius.</p>
  <p align="justify">Sed id utamur abhorreant, usu an reque facer, sint viderer qui at. Ius eu erroribus splendide, primis corrumpit qui te, vel ex diceret gloriatur. Nec an quot denique, facer legere ius in. Ei ullum molestiae usu. Sed aperiam indoctum ocurreret cu, eu commodo offendit mediocritatem vix.</p>
  <p align="justify">Minimum epicurei sit no, dicta voluptaria cu vix. Accusata molestiae gubergren nam ex, pro dolorum delicatissimi cu. Odio dictas complectitur ne sea, duis delicatissimi eos cu. Elitr clita contentiones ne ius.</p>
</div>
hier mal ein kleines Beispiel:

Page mit Scroll-Div

MfG Chick
 

B4bUcK3

Noch nicht viel geschrieben

AW: Vertikal Dynamisch

Ja sollte sie diesmal werden, ich hatte zuvor nur mit Containern gearbeitet und wollte diesmal etwas anderes ausprobieren.
Trotzdem Danke ;).
 

Tim

Hutträger

AW: Vertikal Dynamisch

HTML:
<td style="background-image: url("url zu deinem bild.jpg"); background-repeat: repeat-y;">

Pack den Style-Teil in die tds rein in denen das Bild auch länger werden soll und nimm das Bild zwischen <td> und </td> raus.
 

B4bUcK3

Noch nicht viel geschrieben

Hier nocheinmal meine Problemschilderung:

Bei Verlängerung von links.jpg:


Bei Verlängerung von main.jpg (mittiges graues Bild):
(sry, imagehack klappt grad nicht)


Es sind schon alle Bilder, die sich verlängern sollen im Hintergrund, aber ich versuche es nocheinmal.
 
Zuletzt bearbeitet von einem Moderator:

Herr_D

offline

AW: Vertikal Dynamisch

Das Problem ist die Verschachtelung der Tabellenzeilen... meiner Meinung nach, mußt du das Ganze nochmal komplett neu aufziehen oder umschreiben...


Guck dir mal an, wie die miteinander verbunden sind... ich habe schon versucht, ein paar Geschichten einzubauen, aber bei den Mengen an Row und cols ist da kaum was zu machen...



Vereinfache deine slices und setz die Tabelle einfacher zusammen
 

B4bUcK3

Noch nicht viel geschrieben

AW: Vertikal Dynamisch

Also ich soll mit weniger Slices arbeiten? (sparsam Slicen)

Aber bei dem größten Teil habe ich so geslicet, dass ich später auch noch einzelne bilder bearbeiten kann...
 

Herr_D

offline

AW: Vertikal Dynamisch

Das Problem ist, wenn ich das richtig sehe, dass die verticalen Geschichten merkwürdig zusammenhängen... guck dir mal an, wo die im einzelnen beginnen... schwer zu erklären... und der code ist halt super unübersichtlich...
 

B4bUcK3

Noch nicht viel geschrieben

AW: Vertikal Dynamisch

Ich glaube ich weiß, woran das liegen könnte, dass es mit der Höhe von den Bildern rechts und links funktioniert, undzwar könnte es sein, dass es daran liegt, dass beide Bilder in einer <TR> sind?

</tr>
<tr>
<td colspan="7" background="images/links.jpg" width="182" height="108" valign="top" align="right">
</td>
<td colspan="4" background="images/rechts.jpg" width="177" height="108" valign="top">
</td>
<td>
<img src="images/spacer.gif" width="1" height="108" alt=""></td>
</tr>
<tr>

Worauf muss ich dann beim nächsten Slicen achten?
 

Chickenshooter

Alter Mann

AW: Vertikal Dynamisch

Das "Slicen" in ImageReady ist eine tolle Sache.

Fakt ist aber, wenn man HTML lesen und verstehen kann, dann kann man auch
das was IR da so erzeugt für seine Zwecke noch optimieren oder gar total
verändern.

Ich nehme IR meistens nur zu "zerschnippeln der Gesamtgrafik her.
Das HTML schreibe ich meistens von Hand (so etwas trainiert ungemein).

PS.:
Dieser Text soll aber kienen Angriff auf die jenigen darstellen die mit IR Webseiten erstellen (Jedem das Seine).

MfG Chick
 

B4bUcK3

Noch nicht viel geschrieben

AW: Vertikal Dynamisch

Ich mache das immer in PS...einfach "für Web speichern"..
Und dann schau ich mir an, was denn so daraus kommt...;)
 

Herr_D

offline

AW: Vertikal Dynamisch

Ich glaube ich weiß, woran das liegen könnte, dass es mit der Höhe von den Bildern rechts und links funktioniert, undzwar könnte es sein, dass es daran liegt, dass beide Bilder in einer <TR> sind?

</tr>
<tr>
<td colspan="7" background="images/links.jpg" width="182" height="108" valign="top" align="right">
</td>
<td colspan="4" background="images/rechts.jpg" width="177" height="108" valign="top">
</td>
<td>
<img src="images/spacer.gif" width="1" height="108" alt=""></td>
</tr>
<tr>

Worauf muss ich dann beim nächsten Slicen achten?



Versuch, die Sachen, die auf einer Höhe sein sollen auch so zu slicen...

header + Navi

links - inhalt - rechts

footer


ich persönlich erstelle meistens sogar nur einzelgrafiken, die ich dann per html und css zusammensetze... einfarbige flächen z.b sind bei mir keine grafiken
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.223
Neuestes Mitglied
Desiree
Oben