Beim Test-Theme probeme mit den Blöcken

Begonnen von reddragon, 13 Juli 2008, 13:13:30

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 3 Gäste betrachten dieses Thema.

Drucken
Nach unten Seiten1
Benutzer-Aktionen

reddragon

13 Juli 2008, 13:13:30
HI,

ich komme beim besen willen nicht mit dem Blöcken am Test-Theme weiter ! :(

folgendermaßen Sieht der Code-Abschnitt aus:
Code Auswählen
<html>
               <!-- START block_left -->
                  <table width= "100%" border="0" cellspacing="0" cellpadding="2">
                    <tr>
                      <td width= "15" background="images/block_o_l.png" height="15" border="0"><img alt="pixel" border="0" height="1" width="1" src="images/pixel.gif"></td>
                      <td background="images/block_o_s.png" height="15" border="0"><img alt="pixel" border="0" height="1" width="1" src="images/pixel.gif"></td>
                      <td width= "15" background="images/block_o_r.png" height="15" border="0"><img alt="pixel" border="0" height="1" width="1" src="images/pixel.gif"></td>
                    </tr>

                    <tr>
                      <td width= "15" background="images/block_l_s.png"  border="0"><img alt="pixel" border="0" height="1" width="1" src="images/pixel.gif"></td>
                      <td bgColor="#FFFF00" valign="top" class="boxtitle">{BLOCK_ TITLE}<br><hr noshade size="1"></td>
                      <td width= "15" background="images/block_r_s.png"  border="0"><img alt="pixel" border="0" height="1" width="1" src="images/pixel.gif"></td>
                    </tr>

                    <tr>
                      <td width= "15" background="images/block_l_s.png"  border="0"><img alt="pixel" border="0" height="1" width="1" src="images/pixel.gif"></td>
                      <td bgColor="#FFFF00" valign="top" class="boxcontent">{BLOCK_ CONTENT}<br><br><br><br></td>
                      <td width= "15" background="images/block_r_s.png"  border="0"><img alt="pixel" border="0" height="1" width="1" src="images/pixel.gif"></td>
                    </tr>
                    <tr>
                      <td width= "15" background="images/block_u_l.png" height="15" border="0"><img alt="pixel" border="0" height="1" width="1" src="images/pixel.gif"></td>
                      <td            background="images/block_u_s.png" height="10" border="0" ><img alt="pixel" border="0" height="1" width="1" src="images/pixel.gif"></td>
                      <td width= "15" background="images/block_u_r.png" height="15" border="0"><img alt="pixel" border="0" height="1" width="1" src="images/pixel.gif"></td>
                    </tr>
                  </table>
                  <br>
                  <br>
                  <!-- END block_left -->
</html>

Normalerweise sollte die 1. und 3. Zelle der Zeilen 15 pixel breit sein, allerdings wird dies so in keinem Explorer angezeigt.
Hat jemand eine Idee, woran das liegen könnte?

ich habe mal einen Skreenshot unten angefügt, und habe provisorischen Graphiken rote und Grüne Ränder verpasst....

NDeezign

#1
13 Juli 2008, 14:45:32
hy,

was ich dir auf den ersten blick zunächst empfehlen kann, ist nachstehende vorgehensweise bei einer themerstellung:
http://www.pragmamx.org/doku.php?id=mxtee

die img tags solltest als hintergrund definieren und auch keine border="0" einfügen, macht aus erfahrung auch schonmal darstellungsprobleme, zudem ist das border=0 eh schon in der style.css definiert, alt angaben sind bei der hintergrundgrafik auch unnötig...
Liebe Grüsse & Gü Güş


Kein Support via Mail, PN & Messenger!
Nutze vorher bitte auch die Optionen: Suche | DokuWiki

reddragon

#2
13 Juli 2008, 15:34:18
Danke für die schnelle Antwort!

Das Tutorial kenne ich, habe ich mir auch schon mehrfach durchgelesen!

die img-Tags sind nicht zwingend nötig, die Graphik habe ich im Hintergrund, und den Pixel in den Vordergrund stellen kommt noch aus der Zeit, wo ich mir nicht anders zu helfen wusste....(gewohnheit)

Das mit dem Border ist ein guter Tip, bzw. der macht ja sowieso nur im <table> sinn und nicht in den <td>´s!
(wieso habe ich mir denn die eingefangen???) :mad2:

Das habe ich nun alles raus geschmissen, aber hilft mir an der Stelle auch nicht weiter




Mittlerweile funktioniert es aber ich kapiere nicht warum?! : :puzzled: :puzzled:

Eine Zeile über dem Codeabschnitt stand folgendes: <td class="blocksLeft" valign="top">
Dadurch soll er informationen aus der Css beziehen, die wie folgt aussehen:
.blocksLeft {

     background-color: #ffffff;
        border-right: #333333  dotted 1px;   (die roten hatte ich schon gelöscht)
        width: 160px;

}

Dadurch wird doch lediglich die Blockbreite von 160 pixel definiert, oder sehe ich das falsch?
So lange wie class="blocksLeft" aktiv war, konnte ich in dem oben gepostetem Code die Breite der 1. und 3. Zelle nie verünftig definieren. Weiß jemand, wieso das so ist? :morning:


Eine andere Frage die ich nicht verstehe ist die Breite der 1. und 3. Zelle selber. Ich habe nun die richtige Breite, durch die Breitenangabe von "11" ! Die Graphik ist 15px breit, und beim Ausmessen der Skreenshots wird diese auch mit 15px angezeigt, aber warum muss man dann bei der Breite 11px  eingeben und bei der Höhe 15px ?? ? :morning:

nun nochmal der funtionierende Code:
Code Auswählen
                    <!-- START block_left -->
                  <table width= "100%" cellspacing="0" cellpadding="2">
                    <tr>
                      <td width= "11" background="images/block_o_l.png" height="15"></td>
                      <td             background="images/block_o_s.png" height="15"></td>
                      <td width= "11" background="images/block_o_r.png" height="15"></td>
                    </tr>

                    <tr>
                      <td width= "11" background="images/block_l_s.png" ></td>
                      <td bgColor="#FFFF00" valign="top" class="boxtitle">{BLOCK_TITLE}<br><hr noshade size="1"></td>
                      <td width= "11" background="images/block_r_s.png" ></td>
                    </tr>

                    <tr>
                      <td width= "11" background="images/block_l_s.png" ></td>
                      <td bgColor="#FFFF00" valign="top" class="boxcontent">{BLOCK_CONTENT}<br><br><br><br></td>
                      <td width= "11" background="images/block_r_s.png" ></td>
                    </tr>
                    <tr>
                      <td width= "11" background="images/block_u_l.png" height="15"></td>
                      <td             background="images/block_u_s.png" height="15"></td>
                      <td width= "11" background="images/block_u_r.png" height="15"></td>
                    </tr>
                  </table>
                  <br>
                  <br>
                  <!-- END block_left -->

reddragon

#3
13 Juli 2008, 17:48:18
Zitat von: reddragon am 13 Juli 2008, 15:34:18
Eine andere Frage die ich nicht verstehe ist die Breite der 1. und 3. Zelle selber. Ich habe nun die richtige Breite, durch die Breitenangabe von "11" ! Die Graphik ist 15px breit, und beim Ausmessen der Skreenshots wird diese auch mit 15px angezeigt, aber warum muss man dann bei der Breite 11px  eingeben und bei der Höhe 15px ?? ? :morning:

Ich habe einen Hinweis erhalten, es ist das cellpadding="2"

Was ich hierbei nicht verstehe ist, dass laut selfhtml sich der Befehl auf Höhe und Breite bezieht, aber in meinem Fall nur auf die breite..... :puzzled:

(schon ein mist, wenn man den Code anderer nur abändert.... :BD:)
Drucken
Nach oben Seiten1
Benutzer-Aktionen