• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

frage: Mit Slice erstellte Homepage nach unten verlängern?

P

patrick1988

Gesperrt
Hallo zusammen da ich neu hier bin, möchte ich mich als erstes einmal vorstellen.

Ich bin jetzt seit ca. 2 Wochen wie aus dem nichts herraus extrem am Homepage erstellen interessiert.
Liegt vieleicht daran das ich für mein Leben gerne Grafiken im Photoshop erstelle. Nun ja wie ihr aus dem Satz sicher schon entnehmen könnt, habe ich auch das ganze Homepage- Design mit Photoshop realisiert.

Kürzlich bin ich bin dem Buch "Html xhtml und CSS von Kopf bis Fuss" ans Ende gekommen. (Ist übrigens ein sehr gutes Buch das ich jedem Einsteiger mit guten Gewissen weiterempfehlen kann.)

Nun zu meiner Frage:
Wie kann ich diese Homepage nach unten verlängern, so das sie automatisch länger wird wenn ich mehr Text einfüge, ohne das die Slicebilder so hesslich verrutschen?
Ja ich weis ich könnte das ganze in Photoshop einfach längerziehen,
aber das kann ja wircklich nicht die Lösung sein, weil ja immer mal wieder Text dazu kommt.
Hat jemand einen Tipp für mich wie ich das hinbekommen kann?

Hier der Link zur provisorischen Homepage Freihofbar - Home

Vielen Dank für eure Antworten
 
wännd das Buech gläse häsch den isch der sicher au uufgfalle das Tabelle Layouts zur vergangeheit ghöred.
(Wenn du das Buch gelesen hast dann ist dir sicherlich auch aufgefallen das Tabellen Layouts zur Vergangenheit gehören)
Sry hab mich verleiten lassen. =)
 
devilseye schrieb:
wännd das Buech gläse häsch den isch der sicher au uufgfalle das Tabelle Layouts zur vergangeheit ghöred.
(Wenn du das Buch gelesen hast dann ist dir sicherlich auch aufgefallen das Tabellen Layouts zur Vergangenheit gehören)
Sry hab mich verleiten lassen. =)
Zum Vergrößern anklicken....

ja das hab ich auh gelesen, aber Photoshop macht das nun halt mal so und ich will das nicht alles umschreiben, und ich weis auch nicht genau wie das geht

hehe so so hets au schwizer do inne;)
 
okey schreib ein CSS in welchem steht:
td .text { overflow:auto;}

dann machst du den entsprechenden td so
<td class="text" collspan=" " rowspan=" ">

so sollte das ganze dann einen Scrollbalken erzeugen wenn du über den td hinausschreibst.

ja s hät au schwiizer da ine aber nöd vo basel sondern vo züri.

MFG devilseye
 
devilseye schrieb:
okey schreib ein CSS in welchem steht:
td .text { overflow:auto;}

dann machst du den entsprechenden td so
<td class="text" collspan=" " rowspan=" ">

so sollte das ganze dann einen Scrollbalken erzeugen wenn du über den td hinausschreibst.

ja s hät au schwiizer da ine aber nöd vo basel sondern vo züri.

MFG devilseye
Zum Vergrößern anklicken....
nein hat leider nicht geklappt hab das so eingefügt:

CSS im head:
<head>
<title>homepage1probe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>td .text { overflow:auto;} </style>
</head>

und in de td
<td class="text" style="background-image:url(Bilder/homepage1probe_19.png)" colspan="9" rowspan="17"><h2>Leben</h2>
<p>fgfd</p>
<p>dfgdfg</p>
<p>dfgdfg</p>
<p>dfgdfg</p>
<p>&nbsp;</p>
<p>gfd</p>
<p>g</p>
<p>fdg</p></td>

das ist ja schon korrekt oder?

ah ja basel isch au chli hehe MFG
 
mom ich probiers gschnell selber.

EDIT: hmm hab das Problem gesehen aber da ich mich nicht so mit Tabellen auskenne kann ich dir leider nicht weiterhelfen. Mein Tipp versuchs mal mit css im allgemeinen, ich weiss das es lange dauern kann bis du es raus hast wie du es genau so hinkriegst wie du das willst aber der Aufwand ist es wert. SRY. wenn du Fragen zum CSS hast dann wird dir hier gerne geholfen, aber modernes Webdesign ist nun mal in HTML eingebundenes CSS. Tabellen sollten definitv nur für Tabellarischen Inhalt gebraucht werden.
Die Bilder die du bereits hast kannst du ja trotzdem verwenden. Die menu leiste kannst du in eine <ul> packen z.B.

HTML: 
<style type="text/css">
ul {
    padding:10px;
    background-color:#FF0;
    list-style-type:none;
    width:200px;
}
li {
    margin-top:10px;
    margin-bottom:10px;
}
    
</style>
</head>

<body>
<ul>
    <li><a href="#" title="Home"><img src="#" /></a></li>
    <li><a href="#" title="#"><img src="#" /></a></li>
</ul>
</body>

MFG devilseye
 
Zuletzt bearbeitet:
okay dann muss ich das wohl tun. nur find ich das komisch, weil ich mit photoshop CS5 arbeite, das ist ja erst gerde neu erschienen und schreibt so veraltetes html. naja.
Trotzdem vielen Dank für deine Hilfe, aber das werde ich erst Morgen angehen jetz wird mal gepennt hehe.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben