Antworten zum Thema „Site verzieht bei zu viel Inhalt im Content“

feNei · 29.07.2009

Hallo PSD-Tutorial User,

ich habe momentan ein problem und zwar sobald Ich zu viel Inhalt in meinen Content setze dann verzieht sich die gesamte Website. Mein bestreben stand darinn das destomehr Inhalt vorhanden ist die Seite automatisch länger wird.

Ich wollte nachfragen ob es möglich währe das mir jemand aus dieser misslichen Lage heraushelfen könnte.

Ich bedanke mich jetzt schonmal Recht Herzlichst!

Grüße,
feNei

Photoshop CS4 sliced

Bild:

HTML Code:

HTML:

<HTML>
<HEAD>
<TITLE>text</TITLE>
<META NAME="keywords" CONTENT=
"text">
<LINK REL="shortcut icon" HREF="./Bilder/favico.ico">
</HEAD>
<body style="background-repeat:repeat-x; background-color:#ffffff; color:#000000; background-image: url(./Bilder/background.jpg);" bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<DIV ALIGN="center">
<TABLE SUMMARY="mk" ID="mk" WIDTH="1025" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD COLSPAN="19"><OBJECT CLASSID="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" CODEBASE=
"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" WIDTH="1024" HEIGHT="320" ID=
"sibuheader" ALIGN="middle"><PARAM NAME="allowScriptAccess" VALUE="sameDomain">
<PARAM NAME="allowFullScreen" VALUE="false">
<PARAM NAME="movie" VALUE="sibuheader.swf">
<PARAM NAME="loop" VALUE="false">
<PARAM NAME="quality" VALUE="high">
<PARAM NAME="bgcolor" VALUE="#ffffff">
<EMBED SRC="sibuheader.swf" LOOP="false" QUALITY="high" BGCOLOR="#FFFFFF" WIDTH="1024" HEIGHT="320" NAME="sibuheader" ALIGN=
"middle" ALLOWSCRIPTACCESS="sameDomain" ALLOWFULLSCREEN="false" TYPE="application/x-shockwave-flash" PLUGINSPAGE=
"http://www.adobe.com/go/getflashplayer_de"></OBJECT></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="320" ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN="19" STYLE="background-image: url(./Bilder/SIBUv2---slice_02.gif)"></TD>
<TD ROWSPAN="10" STYLE="background-image: url(./Bilder/SIBUv2---slice_03.gif)"></TD>
<TD COLSPAN="16" STYLE="background-image: url(./Bilder/SIBUv2---slice_04.gif)"></TD>
<TD ROWSPAN="19" STYLE="background-image: url(./Bilder/SIBUv2---slice_05.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="19" ALT=""></TD>
</TR>
<TR>
<TD COLSPAN="16" STYLE="background-image: url(./Bilder/SIBUv2---slice_06.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="1" ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN="15" STYLE="background-image: url(./Bilder/SIBUv2---slice_07.gif)"></TD>
<TD ROWSPAN="15" STYLE="background-image: url(./Bilder/SIBUv2---slice_08.gif)"></TD>
<!-- MENU Button 1 A -->
<TD COLSPAN="2"><A HREF="index.html"><IMG SRC="./Bilder/SIBUv2---slice_09.gif" ONMOUSEOVER=
"this.src='./Bilder/SIBUv2---slice_09_HOVER.gif'" ONMOUSEOUT="this.src='./Bilder/SIBUv2---slice_09.gif'" BORDER="0" ALT=
"Startseite"></A></TD>
<!-- MENU Button 1 E -->
<TD ROWSPAN="6" STYLE="background-image: url(./Bilder/SIBUv2---slice_10.gif)"></TD>
<!-- CONTENT OBEN Telefonistin A -->
<TD COLSPAN="3" ROWSPAN="6" STYLE="background-image: url(./Bilder/SIBUv2---slice_11.gif)"></TD>
<!-- CONTENT OBEN Telefonistin E -->
<!-- CONTENT OBEN TELENR A -->
<TD COLSPAN="7" ROWSPAN="6" STYLE="background-image: url(./Bilder/SIBUv2---slice_12.gif)"></TD>
<!-- CONTENT OBEN TELENR A -->
<TD ROWSPAN="6" STYLE="background-image: url(./Bilder/SIBUv2---slice_13.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="43" ALT=""></TD>
</TR>
<TR>
<!-- MENU Button 2 A -->
<TD COLSPAN="2"><A HREF="dienstleistungen.html"><IMG SRC="./Bilder/SIBUv2---slice_14.gif" ONMOUSEOVER=
"this.src='./Bilder/SIBUv2---slice_14_HOVER.gif'" ONMOUSEOUT="this.src='./Bilder/SIBUv2---slice_14.gif'" BORDER="0" ALT=
"Dienstleistungen"></A></TD>
<!-- MENU Button 2 E -->
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="41" ALT=""></TD>
</TR>
<TR>
<TD COLSPAN="2" STYLE="background-image: url(./Bilder/SIBUv2---slice_15.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="1" ALT=""></TD>
</TR>
<TR>
<!-- MENU Button 3 A -->
<TD COLSPAN="2"><A HREF="dasunternehmen.html"><IMG SRC="./Bilder/SIBUv2---slice_16.gif" ONMOUSEOVER=
"this.src='./Bilder/SIBUv2---slice_16_HOVER.gif'" ONMOUSEOUT="this.src='./Bilder/SIBUv2---slice_16.gif'" BORDER="0" ALT=
"Das Unternehmen"></A></TD>
<!-- MENU Button 3 E -->
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="41" ALT=""></TD>
</TR>
<TR>
<TD COLSPAN="2" STYLE="background-image: url(./Bilder/SIBUv2---slice_17.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="1" ALT=""></TD>
</TR>
<TR>
<!-- MENU Button 4 A -->
<TD ROWSPAN="2" STYLE="background-image: url(./Bilder/SIBUv2---slice_18.gif)"><A HREF="firmenhistorie.html"><IMG SRC=
"./Bilder/SIBUv2---slice_18.gif" ONMOUSEOVER="this.src='./Bilder/SIBUv2---slice_18_HOVER.gif'" ONMOUSEOUT=
"this.src='./Bilder/SIBUv2---slice_18.gif'" BORDER="0" ALT="Firmenhistorie"></A></TD>
<!-- MENU Button 4 E -->
<TD ROWSPAN="3" STYLE="background-image: url(./Bilder/SIBUv2---slice_19.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="25" ALT=""></TD>
</TR>
<TR>
<TD COLSPAN="12" ROWSPAN="2" STYLE="background-image: url(./Bilder/SIBUv2---slice_20.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="17" ALT=""></TD>
</TR>
<TR>
<!-- MENU Button 5 A -->
<TD ROWSPAN="2"><A HREF="fotogalerie.html"><IMG SRC="./Bilder/SIBUv2---slice_21.gif" ONMOUSEOVER=
"this.src='./Bilder/SIBUv2---slice_21_HOVER.gif'" ONMOUSEOUT="this.src='./Bilder/SIBUv2---slice_21.gif'" BORDER="0" ALT=
"Fotogalerie"></A></TD>
<!-- MENU Button 5 E -->
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="19" ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN="9" STYLE="background-image: url(./Bilder/SIBUv2---slice_22.gif)"></TD>
<TD ROWSPAN="7" STYLE="background-image: url(./Bilder/SIBUv2---slice_23.gif)"></TD>
<TD COLSPAN="2" ROWSPAN="9" STYLE="background-image: url(./Bilder/SIBUv2---slice_24.gif)"></TD>
<!-- CONTENT A -->
<TD COLSPAN="8" ROWSPAN="9" VALIGN="top" STYLE="padding-left: 10px; background-image: url(./Bilder/SIBUv2---slice_25.gif)">
<DIV ALIGN="left">
<FONT FACE="arial" SIZE="3">
CONTENT TEXT<br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br>
<br></br><br></br><br></br><br></br>www.psd-tutorials.de Test
</FONT>
</DIV>
</TD>
<!-- CONTENT E -->
<TD COLSPAN="2" ROWSPAN="9" STYLE="background-image: url(./Bilder/SIBUv2---slice_26.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="24" ALT=""></TD>
</TR>
<TR>
<!-- MENU Button 6 A -->
<TD><A HREF="informationen.html"><IMG SRC="./Bilder/SIBUv2---slice_27.gif" ONMOUSEOVER=
"this.src='./Bilder/SIBUv2---slice_27_HOVER.gif'" ONMOUSEOUT="this.src='./Bilder/SIBUv2---slice_27.gif'" BORDER="0" ALT=
"Informationen"></A></TD>
<!-- MENU Button 6 E -->
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="42" ALT=""></TD>
</TR>
<TR>
<TD STYLE="background-image: url(./Bilder/SIBUv2---slice_28.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="1" ALT=""></TD>
</TR>
<TR>
<!-- MENU Button 7 A -->
<TD><A HREF="kontakt.html"><IMG SRC="./Bilder/SIBUv2---slice_29.gif" ONMOUSEOVER=
"this.src='./Bilder/SIBUv2---slice_29_HOVER.gif'" ONMOUSEOUT="this.src='./Bilder/SIBUv2---slice_29.gif'" BORDER="0" ALT=
"Kontakt"></A></TD>
<!-- MENU Button 7 E -->
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="41" ALT=""></TD>
</TR>
<TR>
<TD STYLE="background-image: url(./Bilder/SIBUv2---slice_30.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="1" ALT=""></TD>
</TR>
<TR>
<!-- MENU Button 8 A -->
<TD><A HREF="jobs.html"><IMG SRC="./Bilder/SIBUv2---slice_31.gif" ONMOUSEOVER=
"this.src='./Bilder/SIBUv2---slice_31_HOVER.gif'" ONMOUSEOUT="this.src='./Bilder/SIBUv2---slice_31.gif'" BORDER="0" ALT=
"Jobs"></A></TD>
<!-- MENU Button 8 E -->
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="42" ALT=""></TD>
</TR>
<TR>
<!-- MENU Button 9 A -->
<TD><A HREF="impressum.html"><IMG SRC="./Bilder/SIBUv2---slice_32.gif" ONMOUSEOVER=
"this.src='./Bilder/SIBUv2---slice_32_HOVER.gif'" ONMOUSEOUT="this.src='./Bilder/SIBUv2---slice_32.gif'" BORDER="0" ALT=
"Impressum"></A></TD>
<!-- MENU Button 9 E -->
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="49" ALT=""></TD>
</TR>
<TR>
<TD STYLE="background-image: url(./Bilder/SIBUv2---slice_33.gif)"></TD>
<TD COLSPAN="2" ROWSPAN="2" STYLE="background-image: url(./Bilder/SIBUv2---slice_34.gif)"></TD>
<TD STYLE="background-image: url(./Bilder/SIBUv2---slice_35.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="341" ALT=""></TD>
</TR>
<TR>
<TD STYLE="background-image: url(./Bilder/SIBUv2---slice_36.gif)"></TD>
<TD STYLE="background-image: url(./Bilder/SIBUv2---slice_37.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="43" ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN="4" STYLE="background-image: url(./Bilder/SIBUv2---slice_39.gif)"></TD>
<TD COLSPAN="2" ROWSPAN="4" STYLE="background-image: url(./Bilder/SIBUv2---slice_40.gif)"></TD>
<TD COLSPAN="2" STYLE="background-image: url(./Bilder/SIBUv2---slice_41.gif)"></TD>
<TD COLSPAN="13" STYLE="background-image: url(./Bilder/SIBUv2---slice_42.gif)"></TD>
<TD ROWSPAN="4" STYLE="background-image: url(./Bilder/SIBUv2---slice_43.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="50" ALT=""></TD>
</TR>
<TR>
<TD COLSPAN="6" ROWSPAN="2" STYLE="background-image: url(./Bilder/SIBUv2---slice_44.gif)"></TD>
<TD COLSPAN="2" STYLE="background-image: url(./Bilder/SIBUv2---slice_45.gif)"></TD>
<TD><A HREF="sitemap.html"><IMG SRC="./Bilder/SIBUv2---slice_46.gif" BORDER="0" ALT="Sitemap"></A></TD>
<TD><A HREF="kontakt.html"><IMG SRC="./Bilder/SIBUv2---slice_47.gif" BORDER="0" ALT="Kontakt"></A></TD>
<TD STYLE="background-image: url(./Bilder/SIBUv2---slice_48.gif)"></TD>
<TD><A HREF="impressum.html"><IMG SRC="./Bilder/SIBUv2---slice_49.gif" BORDER="0" ALT="Impressum"></A></TD>
<TD COLSPAN="3" STYLE="background-image: url(./Bilder/SIBUv2---slice_50.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="31" ALT=""></TD>
</TR>
<TR>
<TD COLSPAN="9" STYLE="background-image: url(./Bilder/SIBUv2---slice_51.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="1" ALT=""></TD>
</TR>
<TR>
<TD COLSPAN="15" STYLE="background-image: url(./Bilder/SIBUv2---slice_52.gif)"></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="41" ALT=""></TD>
</TR>
<TR>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="41" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="27" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="185" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="1" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="27" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="11" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="30" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="190" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="142" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="73" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="92" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="10" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="85" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="22" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="12" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="26" HEIGHT="1" ALT=""></TD>
<TD><IMG SRC="Bilder/Abstandhalter.gif" WIDTH="48" HEIGHT="1" ALT=""></TD>
<TD></TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>

Shuilar · 29.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Hi,

beim groben Überfliegen des Quelltext sehe ich jetzt zunächst mal eine fixe Breite für die Tabelle ... wie soll die denn plötzlich breiter werden?

Du musst mit Prozentwerten arbeiten und dann die Grafik entsprechend breit machen, bzw. background-repeat entsprechend setzen.

Ansonsten ist der Quelltext eine Katastrophe ... zu aufgebläht, was aber wohl am Programm liegt(?).

LG
Shu

feNei · 29.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Die Website wird nicht breiter sonder ... sie zieht sich nach unten auseinander...

btw. im Content mit dem blauen hintergrund klappt es mit dem repeat aber beim rest nicht...

Ich weiß nicht wie ich es hinbekommen soll....

Shuilar · 29.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Hast Du die Seite schon irgendwo online?

Wäre für mich einfach das nachzuvollziehen. Ansonsten muss ich mir den Code wohl doch noch in den Editor schubsen ...

@Breite/Höhe
Sorry ... ich hab heute wohl was auf den Augen und kann nicht ganz so gut lesen (in nem anderen Thread hab ich den Bildlink nicht gesehen

)

LG
Shuilar

cebito · 29.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Das liegt in der Regel an zwei Sachen:
1. bei den meisten Anfängern sind die Slices nicht überlegt genug gesetzt, da sie den Zusammenhang von Bild und HTML-Umsetzung überhaupt nicht im Blick haben
2. der von Photoshop ausgegebene HTML-Code. Photoshop ist ein supi Programm, jedoch nicht zum Erstellen von Webseiten geeignet

Die Lösung:
- überlegt slicen und NUR die Bilder speichern
- Seite mit HTML und CSS selbst bauen

feNei · 30.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Ehrlich gesagt nun naja mit slicen usw egal wie ich es mache usw es will nicht klappen

=)

Shuilar · 30.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

ehrlich gesagt ... so ohne komplette Sourcen ist das ein wenig schwierig Dir zu helfen.

Als ich den Doctype eingegeben habe, hat sich ein bisschen was getan, aber ob Dir das hilft.
Einfach oben das HTML austauschen.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

Danach über The W3C Markup Validation Service die Seite prüfen lassen und die ganzen Fehler (über 400 bei diesem Doctype) korrigieren. Hört sich übrigens schlimmer an, als es ist, weil ganz viel mit Suchen/Ersetzen erledigt werden kann. Außerdem werden Tags und Atribute klein geschrieben.

Wenn das alles nix hilft ... nochmal melden.

Ansonsten schließe ich mich cebito absolut an. Am besten zeichnest Du Dir das nochmal auf ein Stück Papier auf und überlegst, welche Slices Du wirklich brauchst.

Ich hab Dir mal einen Screenshot hochgeladen und ein paar Bereiche markiert, wo ich denke, dass da was nicht stimmen kann.
Die kompletten Platzhalter-Gif-Geschichten kannst Du eigentlich löschen oder zumindest zusammenfassen.

LG
Shu

Nachtrag: Fass mal slice23, 35 und 37 zusammen ... daran könnte es liegen. Geht mit rowspan bzw. mach da mal keine Slices draus sondern lass das als eine

exo84 · 30.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Ich versteh nicht, warum man heutzutage noch eine Seite mit Tabellenstruktur aufbauen möchte. CSS wird doch von allen Browsern unterstützt und gerade bei einem doch simplen Aufbau deiner "zwei Spalten" hat auch der "IE 6" kaum Probleme.

Schau mal:

Code:

<div id="wrapper">
<div id="menu">
MENU
</div>
<div id="content">
CONTENT
</div>
</div>

Das ist das Grundgerüst. Nun richte die beiden Boxen gegeneinander aus. "Menu" bekommt ein "float: left" und Content ein "float: right"

So wird Dein Code um einiges kürzer und sorgst dafür, dass Suchmaschinen und Menschen mit körperlichen Einschränkungen Deine Seite besser betrachten können.

exo

P.S. Buchtipp zum Webdesign mit PS CS4 -> "Photoshop CS 4 für Webdesigner" erschienen im Franzis Verlag.

Shuilar · 30.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Hi exo84,

natürlich gebe ich Dir Recht, dass man keine Tabellenlayouts mehr machen sollte. Aber wenn ich das richtig sehe, dann hat feNei nicht wirklich Ahnung von HTML.

Also muss er wohl mit dem Quelltext von Adobe erstmal klarkommen.

Persönlich nutze ich auch nur DIVs, wobei ich neulich tatsächlich versucht habe eine Tabelle mit DIVs zu machen, was ja dann doch völliger Unsinn ist

Vor lauter Tabellen sind böse *ggg*

LG
Shu

exo84 · 30.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Shuilar schrieb:
Hi exo84,

natürlich gebe ich Dir Recht, dass man keine Tabellenlayouts mehr machen sollte. Aber wenn ich das richtig sehe, dann hat feNei nicht wirklich Ahnung von HTML.

Also muss er wohl mit dem Quelltext von Adobe erstmal klarkommen.

Persönlich nutze ich auch nur DIVs, wobei ich neulich tatsächlich versucht habe eine Tabelle mit DIVs zu machen, was ja dann doch völliger Unsinn ist
Vor lauter Tabellen sind böse *ggg*

LG
Shu

Auch Photoshop kann man dazu bringen, dass relativ guter Code bei rauskommt. Aber wenn es mit HTML nicht gut klappt, dann is schon schwierig. :uhm:

Ich mag auch Tabellen - wenns auch wirklich ne Tabelle sein soll also keine "blinde Tabelle" ist.

Shuilar · 30.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

exo84 schrieb:
Auch Photoshop kann man dazu bringen, dass relativ guter Code bei rauskommt.

Hast Du mir da einen Tipp? Ich arbeite erst sehr kurz mit Photoshop. Habe vorher alles mit Paintshop gemacht.

Momentan schreibe ich meinen Code komplett per Hand, weil ich noch keinen WYSIWYG-Editor gefunden habe, der annähernd sauberen Code produziert.

Bei Photshop kommen bei mir eigentlich auch nur Tabellen raus.

Ich hab mir jetzt mal ein Tut für Photshop in Kombination mit Dreamweaver geholt.

Wenn Du aber einen schnelleren Vorschlag hättest, dann fände ich das super.

@feNei Sorry, dass ich Deinen Thread hier missbrauche. Ich komm auch wieder auf Dein Problem zurück, sobald Du Dich meldest.

LG
Shu

exo84 · 30.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Ich kann Dich hier wieder auf meinen Buchtipp verweisen.

... und auf die Hilfe von Adobe CS4:

Bei der Ausgabe kann man festlegen, ob Tabellen oder DIVs verwendet werden sollen.
Natürlich muss man im Umgang mit den Slices - wie cebito schon schrieb - etwas Übung haben. Aber dass Photoshop dazu nicht geeignet ist, cebito, sehe ich anders. Jedenfalls in der aktuellen Version CS4 klappt das ganz gut, die aber nicht jeder zur Verfügung hat. In älteren Versionen war das mit den DIVs wohl nicht möglich.

Wenn ich mal etwas Zeit übrig habe, dann werde ich dazu vielleicht auch mal ein Tutorial erstellen.

exo

dr4g0nstyle · 30.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Naja exo 3 div´s machen eine site nicht behindertengerecht denke ich mal

. da fehlen dann schon noch nen paar andere sachen.

greetz dr4g

P.S. in exo seinem beispiel den linken div nicht verwenden sondern eine liste (ul) mit listenpunkten (li) sonst bekommste ne "Divsuppe".

exo84 · 30.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

dr4g0nstyle schrieb:
Hehe exo find ich lustig. Erklär mir mal auf die schnelle wie nen paar div´s ne site schon behindertengerecht machen? gar nicht richtig? da fehlen dann schon noch nen paar andere sachen.

greetz dr4g

P.S. in exo seinem beispiel den linken div nicht verwenden sondern eine liste (ul) mit listenpunkten (li) sonst bekommste ne "Divsuppe" haha.

Durchaus richtig dass es dazu noch viel mehr braucht - aber ging mir nicht darum, ihm eine Auflistung über Maßnahmen hinzuschreiben. Vor allem wenn er wohl mit HTML eh nicht so zurecht kommt. Die Richtung sollte eben sein Tabellen zu vermeiden, wo keine notwendig sind. Das ist der Weg.

Dass in den linken Div natürlich ein Menü aufgebaut als Liste reinsoll ist richtig. Danke für die Ergänzung.
Ich bau ums Menü herum immer einen DIV, da ich dann noch mehr Möglichkeiten habe um mit CSS zu formatieren.

exo

Shuilar · 30.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Hi exo,

erstmal danke für den Link, ich werde mir jetzt erstmal meine erwähnte Tutorial-DVD zu Gemüte führen und wenn das nix hilft, dann ist das Buch bestimmt eine Alternative zum selbst per Hand machen.

@dr4g0nstyle schön, dass Du das haha noch entfernt hast. Ansonsten fände ich es wesentlich sinnvoller, wenn man sich mit den Grundgegebenheiten von feNei beschäftigen würde.

Er hat nunmal eine Tabelle, ob gut oder nicht. Und er hat glaub ich keine Ahnung von HTML.
Jetzt sollte man versuchen, ihm auf dieser Basis zu helfen. Ich glaube nicht, dass er jetzt anfangen will gewerblich barrierefreie Webseiten zu erstellen.

so ... und jetzt warte ich erstmal auf eine Anwort von ihm

LG
Shu

dr4g0nstyle · 30.07.2009

AW: Site verzieht bei zu viel Inhalt im Content

Ok ok hast ja Recht .

Also feNei ich denke mal du wirst nicht drum herum kommen das händisch zu machen und so gott will eben mit tabellen. Am einfachste sollte es dann für dich sein ein tabelle zu erstellen 1Zeile 2 Spalten in die Linke Spalte eine Tabelle mit deinem menu. Also 1 Spalte und Zeilen ja nach menupunkte. in die rechte der beiden spalte der erste tabelle kommt dann noch eine tabelle mit 1 spalte 3 zeilen.
so erstmal luftholen *pfffft* von den ganzen tabellen

1 Zeile oben die rundung des contentbereich, 2te zeile in 2px hohen bereich des cbereichs den du repeat-y und in die untere zeile unten die rundungen des contentbereichs.

in den body oben den verlauf oben, nen div drumherum setzen mit dem bevel effekt repeat-y.

und nu sag mal einer ich wär nciht produktiv.

greetz dr4g