|
 |
  |
| Autor |
Nachricht |
Ostpower
Neuer [User]
Anmeldung: 15.11.07
Beiträge: 3
Wohnort: Rees
|
 Verfasst am: 15.11.2007, 23:36 Titel: News-Block in in der story_home.html anpassen!? |
 |
|
Hallo Leute,
ich schreib mal mein Problem hier ins Forum, weil ich denke und weiß, dass es siche rjemanden gibt der mir helfen kann.
Ich bin im Aufbau eines neuen Theme für EVO (für eine Clan-Page).
Grafisch bekomme ich alles hin nur gibt es ein Problem mit den News-Block (story_home.html und story_page.html).
Ich schneide (slice) die Bilder in Photoshop siehe Anhang:
 
leider bekomme ich es nicht hin,das sich diese 3 Bereiche ausdehnen und somit den News-Block in der höhe anpassen.
Ein Ausschnitt aus der html dei von den drei Ebenen:
| Code: |
<table id="Tabelle_01" width="796" height="571" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="32" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="32" height="1" alt=""></td>
<td width="9" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="9" height="1" alt=""></td>
<td width="1" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="1" alt=""></td>
<td width="97" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="97" height="1" alt=""></td>
<td width="33" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="33" height="1" alt=""></td>
<td width="36" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="36" height="1" alt=""></td>
<td width="125" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="125" height="1" alt=""></td>
<td width="43" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="43" height="1" alt=""></td>
<td width="61" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="61" height="1" alt=""></td>
<td width="307" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="307" height="1" alt=""></td>
<td width="24" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="24" height="1" alt=""></td>
<td width="27" height="1">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="27" height="1" alt=""></td>
<td width="1" height="1"></td>
</tr>
<tr>
<td width="41" height="96" colspan="2" rowspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_01.gif" width="41" height="96" alt=""></td>
<td width="292" height="52" colspan="5">
<img src="themes/MSK_EVO/images/story_home/story_home_02.gif" width="292" height="52" alt=""></td>
<td width="43" height="96" rowspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_03.gif" width="43" height="96" alt=""></td>
<td width="419" height="96" colspan="4" rowspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_04.gif" width="419" height="96" alt=""></td>
<td width="1" height="52">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td width="1" height="44">
<img src="themes/MSK_EVO/images/story_home/story_home_05.gif" width="1" height="44" alt=""></td>
<td width="291" height="44" colspan="4">
<img src="themes/MSK_EVO/images/story_home/story_home_06.gif" width="291" height="44" alt=""></td>
<td width="1" height="44">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="44" alt=""></td>
</tr>
<tr>
<td width="139" height="49" colspan="4">
<img src="themes/MSK_EVO/images/story_home/story_home_07.gif" width="139" height="49" alt=""></td>
<td width="237" height="49" colspan="4">
<img src="themes/MSK_EVO/images/story_home/story_home_08.gif" width="237" height="49" alt=""></td>
<td width="419" height="49" colspan="4">
<img src="themes/MSK_EVO/images/story_home/story_home_09.gif" width="419" height="49" alt=""></td>
<td width="1" height="49">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="49" alt=""></td>
</tr>
<tr>
<td width="208" height="39" colspan="6">
<img src="themes/MSK_EVO/images/story_home/story_home_10.gif" width="208" height="39" alt=""></td>
<td width="536" height="39" colspan="4">
<img src="themes/MSK_EVO/images/story_home/story_home_11.gif" width="536" height="39" alt=""></td>
<td width="51" height="39" colspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_12.gif" width="51" height="39" alt=""></td>
<td width="1" height="39">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="39" alt=""></td>
</tr>
<tr>
<td width="208" height="27" colspan="6">
<img src="themes/MSK_EVO/images/story_home/story_home_13.gif" width="208" height="27" alt=""></td>
<td width="536" height="27" colspan="4">
<img src="themes/MSK_EVO/images/story_home/story_home_14.gif" width="536" height="27" alt=""></td>
<td width="51" height="27" colspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_15.gif" width="51" height="27" alt=""></td>
<td width="1" height="27">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td width="32" height="87">
<img src="themes/MSK_EVO/images/story_home/story_home_16.gif" width="32" height="87" alt=""></td>
<td width="140" height="127" colspan="4" rowspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_17.gif" width="140" height="127" alt=""></td>
<td width="36" height="202" rowspan="3">
<img src="themes/MSK_EVO/images/story_home/story_home_18.gif" width="36" height="202" alt=""></td>
<td width="536" height="202" colspan="4" rowspan="3" background="themes/MSK_EVO/images/story_home/story_home_19.gif" width="536" height="202" alt=""><span class="content">$content</span></td>
<td width="51" height="202" colspan="2" rowspan="3">
<img src="themes/MSK_EVO/images/story_home/story_home_20.gif" width="51" height="202" alt=""></td>
<td width="1" height="87">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="87" alt=""></td>
</tr>
<tr>
<td width="32" height="115" rowspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_21.gif" width="32" height="115" alt=""></td>
<td width="1" height="40">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td width="140" height="75" colspan="4">
<img src="themes/MSK_EVO/images/story_home/story_home_22.gif" width="140" height="75" alt=""></td>
<td width="1" height="75">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="75" alt=""></td>
</tr>
<tr>
<td width="172" height="70" colspan="5">
<img src="themes/MSK_EVO/images/story_home/story_home_23.gif" width="172" height="70" alt=""></td>
<td width="265" height="70" colspan="4">
<img src="themes/MSK_EVO/images/story_home/story_home_24.gif" width="265" height="70" alt=""></td>
<td width="331" height="70" colspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_25.gif" width="331" height="70" alt=""></td>
<td width="27" height="76" rowspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_26.gif" width="27" height="76" alt=""></td>
<td width="1" height="70">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="70" alt=""></td>
</tr>
<tr>
<td width="172" height="87" colspan="5" rowspan="3">
<img src="themes/MSK_EVO/images/story_home/story_home_27.gif" width="172" height="87" alt=""></td>
<td width="265" height="87" colspan="4" rowspan="3">
<img src="themes/MSK_EVO/images/story_home/story_home_28.gif" width="265" height="87" alt=""></td>
<td width="331" height="65" colspan="2" rowspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_29.gif" width="331" height="65" alt=""></td>
<td width="1" height="6">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td width="27" height="81" rowspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_30.gif" width="27" height="81" alt=""></td>
<td width="1" height="59">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
<td width="331" height="22" colspan="2">
<img src="themes/MSK_EVO/images/story_home/story_home_31.gif" width="331" height="22" alt=""></td>
<td width="1" height="22">
<img src="themes/MSK_EVO/images/story_home/Abstandhalter.gif" width="1" height="22" alt=""></td>
</tr>
</table> |
So sieht es aus,wenn der News text zu lang wird:
Ich hoffe Ihr versteht mein Problem.
Gruss
Ostpower
P.S.: Ich habe im Forum schon gesucht und so eien ähnliche frage in eine Post gelesen aber dort war leider keine Antwort. Desweiteren habe ich auch oft gelesen das man alles besser in css machen sollte, wie sieht das dann mit der Verbindung zu verschieden php Versionen aus? Ich nutze z.B. Nuke-Evolution.
Danke für Eue Hilfe im Vorraus
|
|
| Nach oben |
|
 |
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1623
|
| Verfasst am: 17.11.2007, 02:06 Titel: Re: News-Block in in der story_home.html anpassen!? |
|
|
| Ostpower hat folgendes geschrieben: | Hallo Leute,
Desweiteren habe ich auch oft gelesen das man alles besser in css machen sollte, |
Ja 
| Zitat: | | wie sieht das dann mit der Verbindung zu verschieden php Versionen aus? |
Ist davon völlig unabhängig. PHP ist 'ne Serverseitige Programmiersprache, CSS nur Formatierungshilfen.
| Zitat: |
Ich nutze z.B. Nuke-Evolution.
|
Was hat das mit der PHP-Version zu tun?
Zum Problem:
du bindest das Layout in Form von vielen verschiedenen Grafiken direkt ein.
Wenn nun eine Tabellenzelle (<td>) Höher als die zugehörige Grafik ist, kann letztere wohl kaum den ganzen Platz füllen, ohne dabei verzerrt zu weden.
Da die vertikale Standardausrichtung mittig ist, wird bei zu großer Höhe das Bild mittig angezeigt (sprich: drüber und drunter entsteht ein Rand).
Umgehen kannst du dies, in dem du in den betreffenden Zellen (<td>) die Grafiken nicht direkt (<img>) einbaust, sondern als Hintergrundbild.
Mit:
<td style="background: url(grafik.jpg) repeat-y;"></td>
Wird die entsprechende Hintergrundgrafik in vertikaler Richtung wiederholt, wenn die Zelle höher als die Grafik wird.
Achtung: Wenn du das <img> rausnimmst, kann es sein, dass du die Abmessungen (height, width) ins <td> übernehmen musst. Ein Hintergrundbild ist kein eigenes Element, wenn du also eine ganze Zeile nur mit Hintergrundbildern hast, hat die Zeile eine Höhe von 0 Pixeln, wenn du sie nicht anders definierst!
Mit dem Wiederholen schließt du die Lücken, was du dann noch machen musst, ist die Hintergründe so anzupassen, dass sie nahtlos ineinander übergehen (Klingt oft einfacher, als getan  ).
Dann hast du's auch schon geschafft
Schöne Grüße und viel Erfolg,
Chris
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
Ostpower
Neuer [User]
Anmeldung: 15.11.07
Beiträge: 3
Wohnort: Rees
|
| Verfasst am: 18.11.2007, 12:55 Titel: |
|
|
Hallo chris1988,
danke für Deine Antwort .
Ich werde dann mal versuchen deine hilfe umzusetzen.
Hab angefangen mich mit dem css zu beschäftigen,doch ist das für anfänger recht schwer,man muss einen Anfang finden,doch sind die meisten anleitungen immer auf eine ganze Homepage in css angelegt und somit verstehe es nicht genau wie ich es auf dieses richtig umsetzen muss,mir fehlt irgendwie ein gutes Beispiel.
Würde mein Theme gerne in css machen aber dafür fehlen mir die Kentnisse und hilfe.
Gruss Ostpower
P.S.:Habe mal ein bissl gespielt, aber egal wie ich deinen style="background:url(themes/MSK_EVO/images/story_home/story_home_11.gif) repeat-y einbinde, wird das Bild nicht mehr dargestellt.
Nur wen ich background="themes/MSK/..." nutze funktioniert es.
Was mach ich den falsch? liegt es daran,das ich die html von Photoshop nutze und bearbeite?
Zuletzt bearbeitet von Ostpower am 18.11.2007, 13:32, insgesamt einmal bearbeitet
|
|
| Nach oben |
|
|
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1307
Wohnort: Ostfildern ...
|
| Verfasst am: 18.11.2007, 13:03 Titel: |
|
|
Dein Design ist auch nicth wirklich geeignet, um damit CSS zu lernen.
Versuchs erstmal mit nem 3spalten Layout oder sowas.
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
Ostpower
Neuer [User]
Anmeldung: 15.11.07
Beiträge: 3
Wohnort: Rees
|
| Verfasst am: 18.11.2007, 13:34 Titel: |
|
|
hehehe,
konnte ich mir vorstellen,das mein Theme nicht geeignet ist  .
Ist halt für einen Clan und man will sich ja etwas von den anderen abheben.
Hmmmm und nun?
bekomme es nicht hin.
Gruss Ostpower
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
