Problem mit Text neben Bild!

Problem mit Text neben Bild! - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Plugin-Diskussionen (https://www.mybb.de/forum/forum-38.html)
+--- Thema: Problem mit Text neben Bild! (/thread-8847.html)

Seiten: Seiten: 1 2 3

RE: Problem mit Text neben Bild! - Jockl - 05.03.2008

da ist evtl. eher diese Seite interessant, die von Dragon vorhin in einem ähnlichen Thread genannt wurde. Wink

RE: Problem mit Text neben Bild! - Don Carlos - 05.03.2008

Jockl schrieb:da ist evtl. eher diese Seite interessant, die von Dragon vorhin in einem ähnlichen Thread genannt wurde.

Egal wie - ein wenig Eigenarbeit ist erwünscht - und wenn ich einmal dabei bin:
Die Grafik in seiner Signatur stört mich extrem! Zu allem Übel ist das noch ein Hotlink.

RE: Problem mit Text neben Bild! - StefanT - 05.03.2008

Osamu schrieb:Eine Frage habe ich doch noch!
Wie kann ich es machen das ich den Hintergrund vom Kasten und die von der Schrift ändern kann?
Wenn ich
Code:
background-color: 000000
in
Code:
background-color: FFFFFF
und
Code:
color: FFFFFF
in
Code:
color: 000000
ändere passiert gar nichts Oo

Vor Farbcodes gehören Rauten (#).

RE: Problem mit Text neben Bild! - Osamu - 21.03.2008

Ich habe wieder ein Problem...
Also vorab ich habe von hier schon viel probiert nichts hat aber funktioniert!
Also ich habe 2 Tabellen aber sie sind nicht nebeneinander sondern versetzt.
Hier mal der Code:

Code:
<table style="margin-left:1px;width:240px;" class="tborder" border="0" cellpadding="{$theme['tablespace']}" cellspacing="{$theme['borderwidth']}">

<tr>

<td class="thead">

<center><strong>Test</strong></center>

</td>

</tr>

<tr>

<td class="trow1";height:"500px">

<center>

<div style="width: 97%; height: 150px; background-color:#FFFFFF; font-family: arial; font-size: 12px; color:#000000; font-weight: normal; font-style: normal; text-align:center; overflow: auto; padding: 5px; float:left;">Test Test </div>

</center>

</td>

</tr>

</table>

<table style="margin-right:1px;width:250px"; class="tborder" border="0" cellpadding="{$theme['tablespace']}" cellspacing="{$theme['borderwidth']}">

<tr>

<td class="thead">

<center><strong>Wichtiges</strong></center>

</td>

</tr>

<tr>

<td class="trow1">

<div style="width: 97%; height: 150px; background-color:#FFFFFF; font-family: arial; font-size: 12px; color:#000000; font-weight: normal; font-style: normal; text-align:center; overflow: auto; padding: 5px; float:left;">Test Test </div>

</td>

</tr>

</table>

Und so sieht es aus(Anhang)

Dies habe ich auch schon versucht. Hat nicht funktioniert. Vielleicht hab ich es auch nur falsch in den Code eingebaut ich hatte es ganz am schluss der beiden tabellen eingefügt!
Also das

Code:
<br style="clear:left;" />

habt ihr eine Idee?

RE: Problem mit Text neben Bild! - CKOne - 21.03.2008

Versuchs mal damit, indem du noch in den "table"-Tag das "align"-Attribut mit reinbringst. Wink

Edit: Oder du machst noch eine weitere Tabelle drum herum. Das sollte auch möglich sein...

RE: Problem mit Text neben Bild! - Osamu - 21.03.2008

Kannst du mir da vielleicht einen Code sagen?
Hab das algin an verschiedenen stellen eingesetzt doch ging nicht.
Kannst du den Code bitte generieren?

Wie müsste das aussehen wenn ich noch eine Tabelle drum herum mache?

RE: Problem mit Text neben Bild! - linwinman - 21.03.2008

Hallo Osamu,

verwende einmal diesen Code:

Code:
<html>

<head>

<title>{$settings['bbname']} - Home</title>

{$headerinclude}

</head>

<body>

{$header}

<table>

    </tr>

        <td>

            <table style="margin-left:1px;width:240px;" class="tborder" border="0" cellpadding="{$theme['tablespace']}" cellspacing="{$theme['borderwidth']}">

                <tr>

                    <td class="thead">

                    <center><strong>Test</strong></center>

                    </td>

                </tr>

                <tr>

                    <td class="trow1";height:"500px">

                    <center>

                    <div style="width: 97%; height: 150px; background-color:#FFFFFF; font-family: arial; font-size: 12px; color:#000000; font-weight: normal; font-style: normal; text-align:center; overflow: auto; padding: 5px; float:left;">Test Test </div>

                    </center>

                    </td>

                </tr>

            </table>

        </td>

        <td>

            <table style="margin-right:1px; width:250px"; class="tborder" border="0" cellpadding="{$theme['tablespace']}" cellspacing="{$theme['borderwidth']}">

                <tr>

                    <td class="thead">

                    <center><strong>Wichtiges</strong></center>

                    </td>

                </tr>

                <tr>

                    <td class="trow1">

                    <div style="width: 97%; height: 150px; background-color:#FFFFFF; font-family: arial; font-size: 12px; color:#000000; font-weight: normal; font-style: normal; text-align:center; overflow: auto; padding: 5px; float:left;">Test Test </div>

                    </td>

                </tr>

            </table>

        </td>

    </tr>

</table>

{$footer}

</body>

</html>

HTH.

RE: Problem mit Text neben Bild! - Jockl - 21.03.2008

linwinman schrieb:[code]
...
<table>
</tr>
...

Hier müsste aber ein <tr> hin, oder?

Übrigens, alles Gute zum Geburtstag linwinman. Smile

RE: Problem mit Text neben Bild! - Osamu - 21.03.2008

jetzt sind sie zwar in der gleichen höhe, aber neben einander =/
Und nicht mehr Rechts und Links!
Wie kann ich das ändern?

RE: Problem mit Text neben Bild! - CKOne - 21.03.2008

Das müsste in etwa so aussehen. Wink

Code:
<html>

<head>

<title>{$settings['bbname']} - Home</title>

{$headerinclude}

</head>

<body>

{$header}

<table>

    <tr>

        <td align="left">

            <table style="margin-left:1px;width:240px;" class="tborder" border="0" cellpadding="{$theme['tablespace']}" cellspacing="{$theme['borderwidth']}">

                <tr>

                    <td class="thead">

                    <center><strong>Test</strong></center>

                    </td>

                </tr>

                <tr>

                    <td class="trow1";height:"500px">

                    <center>

                    <div style="width: 97%; height: 150px; background-color:#FFFFFF; font-family: arial; font-size: 12px; color:#000000; font-weight: normal; font-style: normal; text-align:center; overflow: auto; padding: 5px; float:left;">Test Test </div>

                    </center>

                    </td>

                </tr>

            </table>

        </td>

        <td>

        </td>

        <td align="right">

            <table style="margin-right:1px; width:250px"; class="tborder" border="0" cellpadding="{$theme['tablespace']}" cellspacing="{$theme['borderwidth']}">

                <tr>

                    <td class="thead">

                    <center><strong>Wichtiges</strong></center>

                    </td>

                </tr>

                <tr>

                    <td class="trow1">

                    <div style="width: 97%; height: 150px; background-color:#FFFFFF; font-family: arial; font-size: 12px; color:#000000; font-weight: normal; font-style: normal; text-align:center; overflow: auto; padding: 5px; float:left;">Test Test </div>

                    </td>

                </tr>

            </table>

        </td>

    </tr>

</table>

{$footer}

</body>

</html>

Evtl. in die td-Tags, wo die align-Attribute untergebracht sind, noch ein width-Atrribut einsetzen, also:

Code:
<td align="left" width="240">...

und

Code:
<td align="right" width="250">...