Antworten zum Thema „Problem mit html textfeld“

iFan · 26.02.2008

Ein schönen guten Abend wünsch ich!

Ich habe ein kleines Problem... ich habe mit Photoshop ein schönes layout gebastelt und auch die slices richtig erstellt (denk ich mal).

Mein Problem ist, dass ich nicht weiß wie ich jetzt richtig den Text einbaue ohne das sich alles verschiebt von den Tabellen her und das der hintergrund der Selbe bleibt... könnt ihr mir weiterhelfen und ein paar Ratschläge geben?

Die Seite wird ein Schulprojekt über ein fiktives Bootsbau Unternehmen.

stb_87 · 26.02.2008

AW: Problem mit html textfeld

Wie sieht es aus mit Quelltext?! Hast du da was? Damit können wir dir mehr helfen, als mit diesem Bild.

iFan · 26.02.2008

AW: Problem mit html textfeld

Ups stimmt! Da hast du natürlich Recht... ich habe eben noch slice 14 in benutzer slice umgewandelt... nicht das ihr euch jetzt wundert da es auf dem Screen nicht zu sehen ist!

hier ist er...

<html>
<head>
<title>01 about</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Tabelle_01" width="801" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="Bilder/01-about_01.jpg" width="800" height="68" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="68" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="Bilder/01-about_02.jpg" width="800" height="52" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="Bilder/01-about_03.jpg" width="800" height="13" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td rowspan="8">
<img src="Bilder/01-about_04.jpg" width="38" height="467" alt=""></td>
<td rowspan="6">
<img src="Bilder/menu.jpg" width="223" height="332" alt=""></td>
<td colspan="3">
<img src="Bilder/01-about_06.jpg" width="539" height="21" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="Bilder/01-about_07.jpg" width="539" height="15" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="Bilder/01-about_08.jpg" width="67" height="431" alt=""></td>
<td>
<img src="Bilder/main.jpg" width="385" height="110" alt=""></td>
<td rowspan="3">
<img src="Bilder/01-about_10.jpg" width="87" height="269" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="110" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/01-about_11.jpg" width="385" height="20" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/main2.jpg" width="385" height="139" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="139" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="Bilder/01-about_13.jpg" width="472" height="44" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="Bilder/01-about_14.jpg" width="223" height="135" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="Bilder/01-about_15.jpg" width="472" height="118" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="118" alt=""></td>
</tr>
</table>

</body>
</html>

Sapoot · 26.02.2008

AW: Problem mit html textfeld

Hi...

Ich würde die Bilder als Erstes als Background laden, Zweitens würde ich unifarbene Flächen mit einem GIF von einem Pixel füllen bzw. WEB-basierende Farben nehmen und somit einfach nur mit Farbcodes arbeiten.

Wenn ich das richtig erkenne brauchst du nur die Ecken als Bild laden und der Rest wird mit Farbe gefüllt.

Den Text kannst du dann, wenn die Bilder als Background geladen wird in die Zelle direkt eintragen.

iFan · 26.02.2008

naaa nich ganz... da sind schon mehrere ebenen mit schatteneffekt etc... ich lad dir mal die psd hoch

http://rapidshare.com/files/95151281/01_about.psd.html
ich ich würd aber auch schöner finden wenn man dann scrollen kann anstatt sich das layout so weit vergrößert nach unten...

kommt da jetzt noch Hilfe eurerseits?

wex_stallion · 26.02.2008

AW: Problem mit html textfeld

Das ist ein Forum, kein Notarzt.

stb_87 · 26.02.2008

AW: Problem mit html textfeld

Also,

mache aus:

Code:

<td>
<img src="Bilder/spacer.gif" width="1" height="17" alt=""></td>
</tr>

folgendes:

Code:

<tr>
<td background="Bilder/spacer.gif" width="1" height="17" alt="">
Dann kann hier der Text rein!
</td>
</tr>

iFan · 26.02.2008

AW: Problem mit html textfeld

bist du dir sicher? weil bei mir funktioniert es nicht.. der text "Dann kann hier der text rein!" ist unter dem ganzen layout und dieses ist total verschoben...

Kannst du den kompletten code von mir mit deinen Änderungen mal posten? vll mach ich was falsch.

stb_87 · 26.02.2008

AW: Problem mit html textfeld

Du musst das natürlich mit jedem Bild machen.

Und den Text musst du da einfügen, wo er hin soll.

Das da oben war nur ein Beispiel.

iFan · 26.02.2008

AW: Problem mit html textfeld

okay... funktioniert nun aber irgendwie find ich das sieht doof aus wenn sich dieses layout dehnt... wie bau ich es ein das im main fenster im 2. dunkleren kasten bei zuviel text scrollen kann?

stb_87 · 26.02.2008

AW: Problem mit html textfeld

Füge bei diesem <td> hinter dem Image folgendes ein:

style="overflow: auto;"

Herr_D · 26.02.2008

AW: Problem mit html textfeld

stb_87 schrieb:
Füge bei diesem <td> hinter dem Image folgendes ein:

style="overflow: auto;"

funzt nicht

stb_87 · 26.02.2008

AW: Problem mit html textfeld

Das is ja jetzt plöd...

Da merkt man wieder, dass ich nicht so der Tabellen-Experte bin...

Herr_D · 26.02.2008

AW: Problem mit html textfeld

stb_87 schrieb:
Das is ja jetzt plöd...

Da merkt man wieder, dass ich nicht so der Tabellen-Experte bin...

Mach dir nix draus...

Zu dem Dilemma da oben:

slices noch mal neu setzen... das ist totaler Müll, wie du das gemacht hast

ansonsten:

du mußt in der td das bild was du eingefügt hast als hintergrund setzen und im td einen div erzeugen, der scrollen kann

ich nehm mal diese zeile als Beispiel (keine Ahnung, welche das ist und ich hab keinen Bock, das jetzt zu testen)

HTML:

 <td rowspan="6">
<img src="Bilder/menu.jpg" width="223" height="332" alt=""></td>

wenn du darin schreiben willst geht es so:

HTML:

 <td rowspan="6" style="background-image:url(Bilder/menu.jpg); width:223; height:332;vertical-align:top;"><div style="width:223; height:332; overflow:auto;">Hier kannste ab jetzt schreiben</div></td>

iFan · 26.02.2008

AW: Problem mit html textfeld

gut danke... ich werd morgen nochma alles überarbeiten... kann jetzt leider nicht mehr vorm Monitor sitzen

(augen schmerzen bereits)

gute Nacht und danke schonmal für die Hilfe

iFan · 27.02.2008

AW: Problem mit html textfeld

so ich habe nun neu gesliced... wie ist es nun?

stb_87 · 27.02.2008

AW: Problem mit html textfeld

Nun ist es wie vorher.

Für Webspeichern als HTML-Datei und die hier beschriebenen Vorgehensweise bezüglich Hintergrundbild und automatischer Scroll anwenden.

iFan · 27.02.2008

AW: Problem mit html textfeld

automatischer scroll.. how to? ... was is eigentlich mit CSS? ich habjetzt div tabellen angewendet... kann man bei einem link als target die div tabelle wählen? also so ein include? und in einer div tabelle auch scroll aktivieren?

iFan · 27.02.2008

AW: Problem mit html textfeld

DocUhu...

Erst einmal danke für dein Kommentar, egal wie sinnvoll oder nicht dieser auch ist.
Beim nächsten mal, wenn ich nicht weiß, nach welcher Reihenfolge ich etwas zu erledigen habe, werde ich dieses auch im Thread schreiben und erfragen.
Ich weiß auch nicht wirklich wie du darauf kommst und dir das einfach raus nimmst, mir zu sagen welche Grundlagen ich beherrschen sollte, ohne zu wissen ob ich die vll habe.
Vll kennst du die 3 Lernarten?!
-Lernen durch nachaffen
-Lernen durch schmerz
-Lernen durch erfahrungen anderer

Ich ziehe Lernphase 2 vor und bisher habe ich damit alles gut gemeistert, doch ab und zu brauch ich ein kleinen schupps und den wollt ich hier bekommen.

Nunja ist mir auch egal! Auf jedenfall habe ich alles hinbekommen...

Mein Tipp für dich:
Lern richtig lesen, dann kommt sowas wie du da geschrieben hast auch nicht mehr vor!

iFan · 27.02.2008

AW: Problem mit html textfeld

du wirst es nicht lernen... lass bitte das posten... ich werd mir schon selber helfen