Bild überschreiben

hackzack · 8 Oktober 2008

Neues Thema(hintendran)Bild überschreiben/Schriftgröße

Hi mal wieder....
Nach erbitterter suche habe ich zumindest die hälfte meines jetziegen Problems gefunden:
Ich brauche einen Primären und sekundären Hintergrund, sprich, ich möchte in der mitte der Seite ein Bild haben, in das ich news reinschreiben kann. Überall wird gesagt, ich soll das Bild als Hintergrund einbinden und dann via

HTML:

<td style="background-image:url(tablstart.jpeg);">hier dann der text</td>

den Text einbringen. Jedoch wird bei mir das Bild garnicht angezeigt... Hab ich mein normales Hintergrund Bild falsch definiert?
Oder muss ich einfach zu dumm sein das richtig einzubinden?

Ich bin für negatives offen

meine Page:
Deutsche Community zu SAGA

prm · 8 Oktober 2008

Du solltest der Zelle noch eine Breite und Höhe geben, welche der der Grafik entsprechen. z.B. so:

Code:

<td style="width: 300px; height: 200px; background-image:url(tablstart.jpeg);">hier dann der text</td>

Wenn die Grafik dann immer noch nicht angezeigt wird, prüfe ob die Dateibezeichnung und der Pfad korrekt geschrieben sind.

hackzack · 8 Oktober 2008

Deutsche Community zu SAGA

Das ist meine versuchsseite... dieSchrift wird links oben in der ecke dargestellt, von dem Bild ist keine Spur, die url stimmt zu 99,9%

Timmer · 8 Oktober 2008

Code:

<td width="xxx" height="xx" background="BildURL">Zelleninhalt</td>

So funktionierts bei mir jedenfalls...

hackzack · 8 Oktober 2008

auch ein fehlschlag.... VIl setz ich das DIng falsch? kann ich auf deiner Seite gucken wie das geht oder kannst du mir n script schicken? Ich muss irgendetwas grundlegenes falsch machen....

PS:
Kann ich Vektoren an den Hintergrund hängen? also Pixel angaben?

Timmer · 8 Oktober 2008

Schick mal den Kompletten Code der Tabelle... oder besser von der kompletten Seite...

assmaje · 8 Oktober 2008

Rechtslick >> Quelltext anzeigen

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Deutsche Community zu SAGA</title>
<link rel="icon" type="image/ico" href="pic.ico" />
<style type="text/css">
 a:link{color:#B72835;}
 a:hover{color:#54BC47;}
 a:active{color:#2D7191;}
 <!--
body {  background:#000000 url(NewMapAA.jpg) no-repeat;
 }
#box {
   width:  300px;
   background-image:url(lefttablbig.JPG);
    background-repeat:no-repeat;
       height:300px;

}

#oben {
   height:40px;
   background-image:url();
   background-repeat:no-repeat;
   padding:30px;
}

#mitte {
   background-image:url();
   background-repeat:no-repeat;
   padding:15px;}

#unten {
   height:10px;
   background-image:url();
   background-repeat:no-repeat; }
   
#box2 {
   background-image:url();
    position:relative;
    bottom: 162px;
    left: 276px
    background-repeat:no-repeat;

}

#oben2 {
   height:40px;
   background-image:url();
   background-repeat:no-repeat;
   padding:30px;
   height:300px;
   width:  300px;
}

#mitte2 {
   background-image:url();
   background-repeat:no-repeat;
   padding:15px;}

#unten2 {
   height:10px;
   background-image:url();
   background-repeat:no-repeat; }
   
-->
</style>
</head>

<body>


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
 codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
 width="845" height="71" id="CC2142030" align="middle">
<param name="movie" value="mymenu2.swf"/>
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent"/>
<embed src="mymenu2.swf" quality="high" bgcolor="#ffffff" width="845" height="71"
 wmode=transparent  name="none" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
 pluginspage="http://www.macromedia.com/go/getflashplayer" />
 </object>
 
  <div id="box"> 
       <div id="oben">
       <tr>
    <td width="160"><p>
       <a href="index.html"><img src="index.jpg" alt="" border="0"></a><br />
      </tr>
        </div>
        <div id="mitte">
        <tr>
    <td width="160"><p>
      - <a href="NewGames.html">pls don't click</a><br />
      - <a href="Top10.html">here not 2</a><br />
      - <a href="AllGames.html">same here</a><br />
  </tr>
   </div>
        <div id="unten"></div>
</div>  
<div id="box2">
none
</div>
</table>
</object>
<img src="tablstart.jpeg" style="position:relative; bottom: 162px; left: 276px;"> </img>
<img src="middltabl.jpg" style="position:relative; bottom: 162px; left: 276px;"> </img>
<img src="elf_bottom_bg.jpg" style="position:relative; bottom: 162px; left: 276px;"> </img>
</body>
</html>

Timmer · 8 Oktober 2008

Ja und wo will er jetzt das Bild haben??

hackzack · 8 Oktober 2008

ich möchte diese hintere Schriftrolle als Hintergrund einbinden, damit ich drauf schreiben kann.... wenn du zu neu1.html gehst siehst du was bei meinen Versuchen passiert...
Oben links ist der Text und die Box ist nicht zu sehen.
also ich meine diese datei:
Deutsche Community zu SAGA

Timmer · 8 Oktober 2008

Da seh ich auch schon einen Fehler bei dir...

Code:

<table width="534" border="0" align="center" cellpadding="10" cellspacing="0">
      <tr>
      <td <p>This isn't even a try<td><p>
            <span class="style1">first realize</span>!
            <span class="style28">28, octobre, 2008</span>!

        
    </table>

Erstens mal musst du <td> mit einem > schließen und das </p> muss vor das </td> und irgendwie hast du da zwar viele <td>s und <p>s aber keine endstücke?

Probiers mal damit:

Code:

<table width="534" border="0" align="center" cellpadding="10" cellspacing="0">

      <tr height="XXX" width="XXX" background="tablstart.jpeg">
      <td><p>This isn't even a try</p></td>
<td>
            <span class="style1">first realize</span>!
            <span class="style28">28, octobre, 2008</span>!
</td>
</tr>
        
    </table>

hackzack · 8 Oktober 2008

wow es funktioniert!!! Großen dank! Dass so n paar (naja sinds eig net:) Kleinigkeiten So großen schaden anrichten.... Hätt ich nie erwartet....

Timmer · 8 Oktober 2008

Naja, aber es sieht trozdem irgendwie komisch aus, jetzt musst du das nurnoch mal richtig ausrichten, dann hastes und die Höhe und Breite würde ich auch ändern.

Und um zum Code zurückzukommen. Ich habe mir das nochmal angeschaut. Du hörst mit einer Tabelle auf, also </table> und eine Zeile weiter unten fängst du wieder mit <tr> an? Und so zieht sich das durch den ganzen Code.

Solltest du vielleicht nochmal ausbessern *g*

Furien · 8 Oktober 2008

CuteNews

Ich kenne da ein sehr schönes Tool um News zu schreiben.
CuteNews.
Du kannst die News direkt online in einem sehr schönen Panel gestalten.
Das Design ist komplett veränderbar!

Link: CutePHP Content Management

Kann ich nur empfehlen ;)

Timmer · 8 Oktober 2008

CuteNews ist ein NMS (News Management System). Eigentlich ganz simpel, aber da kann man das genauso direkt auf die Seite schreiben. Außerdem kann man sich ein NMS auch gut selbst schreiben, mit ein bisschen MySQL und PHP Kenntnissen...

Furien · 8 Oktober 2008

Ich finde es mit mit CuteNews erstens schneller und es ist leichter zu verwalten.
Jeder hat seine eigene Meinung, aber ich kann CuteNews nur empfehlen.

hackzack · 8 Oktober 2008

@Timmer
Never make the mistake to think I'd think^^
=
Ich hab das tr jetzt rausgenommen, alles läuft, ich bin glücklich

. War das richtig?
PS:
neues Problem, dieses #*s+~# mittelhintergrundsdingsel will sich nicht verbreitern lassen.... in die Länge kann ich's aber ziehen....

@ Furien
Und das passt genau, dass er es in mein Nachrichtenfeld packt? Irgendwie scheints mir auch ne krasse sicherheitslücke zu sein MySQL daten einfach in Datei-format zu lagern...

Timmer · 8 Oktober 2008

Ja CuteNews ist als NMS nicht schlecht, wenn man Zeit sparen möchte oder einfach gerade mal faul ist

In der Hinsicht bin ich deiner Meinung.

Code:

<table width="534" border="0" align="center" cellpadding="10" cellspacing="0">

      <tr width="1200" height="515"; style="position: relative; bottom: 162px; left: 276px;" background="tablstart.jpeg">

Das is ja auch nicht schlecht xD

Du kannst die Spalte nicht breiter als die Tabelle machen, mach am Besten die Spaltenbreite auf 100% und veränder nur die Tabellenbreite.

Also:

Code:

<table width="1200" border="0" align="center" cellpadding="10" cellspacing="0">

      <tr width=100% height="515"; style="position: relative; bottom: 162px; left: 276px;" background="tablstart.jpeg">

Obwohl ich 1200 als Breite ein bisschen groß finde xD

Ach ja, wenn du noch Probleme haben solltest, dann add mich mal in ICQ, weil ich hier jetzt offline gehe. Viel Glück noch mit deiner Seite ^^

Furien · 8 Oktober 2008

Soweit ich weiß nutzt CuteNews kein MySQL.
Jedenfalls habe ich dazu keine Tabellen auf meinem Server.
Außerdem arbeitet CuteNews mit DIVs.
D.h., wenn man keine anderen Einstellungen gemacht hat,
zieht es sich über die gesamte Content Breite.

EDIT
1200 PX breite ist wirklich etwas übertrieben.
Wenn Leute jetzt mit ihren Handehelden surfen...
Was machen die?
Scrollen bis die Fingerglühen ist die Antwort und das ist sicherlich nicht schön.
Am besten nimmst du erst keine Tabellen.

hackzack · 8 Oktober 2008

wie keine Tabelle? wie soll ich's denn sonnst einbinden? Dazu ist es jetzt 800px^^ Aber das Ding will nicht dahin wo es hinsoll.

Timmer · 8 Oktober 2008

Bei mir ist es max. 1-2 Pixel zu hoch, ansonsten gut. Eine Frage hätte ich dazu: Hast du das Design selbst gemacht bzw. den Schriftzug?

Bild überschreiben

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Mitglied

Neues Mitglied

Mitglied

Mitglied

Mitglied

Mitglied

Neues Mitglied

Mitglied

Mitglied

Neues Mitglied

Mitglied