[HTML] Webspell Squad PNG mittig?

Dieses Thema im Forum "Webdesign" wurde erstellt von Die_Quelle, 7. Januar 2011 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 7. Januar 2011
    Webspell Squad PNG mittig?

    Hi leute,

    Undzwar versuche ich seit gut einer halben Stunde Squad-Bilder mittig hin zubekommen.

    ich habe es versucht so:

    HTML:
    <img align="center" src="images/squadicons/'.$ds['icon'].'" border="0" alt="'.htmlspecialchars($ds['name']).'" />
    (Es passiert einfach NICHTS)

    ebenfalls mit

    HTML:
    <div style="align:center;">

<img align="center" src="images/squadicons/'.$ds['icon'].'" border="0" alt="'.htmlspecialchars($ds['name']).'" />

</div>
    (hier verschiebt sich alles rechts rausund macht alles unkenntlich)

    Habe bereits gegoogelt aber nix gefunden was helfen könnte bei Webspell.
    Vllt könnt ihr mir helfen.


    Hier nochmal der Code:

    Spoiler
    HTML:
    if($ds['icon']) $icon='<img align="center" src="images/squadicons/'.$ds['icon'].'" border="0" alt="'.htmlspecialchars($ds['name']).'" />';
 else $icon='';
     
  3. 7. Januar 2011
    AW: Webspell Squad PNG mittig?

    also abgesehen davon, dass ich nicht weiß, was ein squad bild ist - wo soll denn das bild mittig platziert werden ?
    wenn du dir diese frage beantwortest, kommst du leicht zur lösung des problems

    Spoiler
    nicht dem bild das center attribut geben, sondern dem bereich, in dem das bild drin ist ein attribut geben, welches den inhalt dieses bereichs zentriert
     
  4. 7. Januar 2011
    AW: Webspell Squad PNG mittig?

    Im Style-Attribute gibt es keine Eigenschaft mit dem Name "align", nur "text-align"

    HTML:
    <div style="text-align:center;">

<img src="images/squadicons/'.$ds['icon'].'" border="0" alt="'.htmlspecialchars($ds['name']).'" />

</div>
     
  5. 7. Januar 2011
    AW: Webspell Squad PNG mittig?

    Seite


    das mit dem text-align funktioniert ebenfalls nicht.


    Vielleicht könnt ihr mit der Seite mehr anfangen.
     
  6. 7. Januar 2011
    AW: Webspell Squad PNG mittig?

    Wenn ich auf diese Seite gehe dann soll das folgende Bild mittig gesetzt werden ?

    {bild-down: http://ilike-clan.de/images/squadicons/3.png}
     
  7. 7. Januar 2011
    AW: Webspell Squad PNG mittig?

    Wo hast du das style="text-align:center" denn eingetragen, in DEINEM Quelltext finde ich davon nichts!

    So müsst es aussehen!

    HTML:
    <h2>Mitglieder</h2>
<table width="100%" cellpadding="2" cellspacing="0" border="0" bgcolor="#666666">
 <tbody><tr bgcolor="#FFFFFF">
 <td colspan="4">
 <table border="0" width="100%" cellspacing="0" cellpadding="0">
 <tbody><tr>
 <td width="100%" colspan="2" style="text-align:center"><img align="middle" src="images/squadicons/2.png" border="0" alt="Counter Strike Source Squad"></td>
 </tr>
 <tr>
 <td><span class="category_big"><a href="index.php?site=members&amp;action=show&amp;squadID=2"><b>Counter Strike Source Squad</b></a> (2 Mitglieder)</span></td></tr></tbody></table></td></tr></tbody></table>
     
  8. 7. Januar 2011
    AW: Webspell Squad PNG mittig?

    Richtig.........

    Nanobyte ich habs versucht geht nicht^^
     
  9. 7. Januar 2011
    AW: Webspell Squad PNG mittig?

    <img style="display:block; margin:0px auto;" />

    das ganze noch in nen div und schon sollte es mittig sein...(img = inline-element)
     
  10. 7. Januar 2011
    AW: Webspell Squad PNG mittig?


    Ich habe mir das ebend bei meiner Test-Installation angeschaut.

    Schau mal in der members.php dort solltest du folgendes finden

    Code:
    if($ds['icon']) $icon='<img src="images/squadicons/'.$ds['icon'].'" border="0" alt="'.htmlspecialchars($ds['name']).'" />';
    Dort knallst du nun nach dem border-Tag nen

    Code:
    align=center
    rein und es sollte mittig sein. Wenn das nicht hilft, dann setz den kompletten Code von oben in einen center-Tag.
     
  11. 7. Januar 2011
    AW: Webspell Squad PNG mittig?

    The <CENTER>...</CENTER> tag, oddly enough, centered text or graphics. <CENTER> is deprecated in favor of <DIV> tag with the align attribute set to "center."

    Quelle: http://www.htmlgoodies.com/tutorials/html_401/html4-ref/article.php/3460291/Deprecated-Tags-in-HTML-40.htm
     
  12. 8. Januar 2011
    AW: Webspell Squad PNG mittig?

    Romestylez und KingKongs Idee funktionieren beide nicht.
    Bei KingKong wird alles wieder rechts rauß gesetzt.

    Bei Romestylez passiert nichts.


    Trotzdem schonmal danke.
     
  13. 8. Januar 2011
    AW: Webspell Squad PNG mittig?

    Dann fallen mir nur noch 2 Möglichkeiten ein. Du machst nen Thread im webspell-Forum oder aber du legst mir ebend einen Ftp-Acc an und sendest mir den per PM dann schaue ich mir das ganze mal live an
     
  14. 8. Januar 2011
    AW: Webspell Squad PNG mittig?

    Ich hab das ma eben mit Firebug so verändert, wie Nanobyte es gepostet hat und so wie es auch funktioniert..
    HTML:
    <td width="100%" colspan="2" style="text-align: center;">
 <img border="0" align="middle" alt="Counter Strike Source Squad" src="images/squadicons/2.png">
</td>
    So funktioniert es bei mir..
    Das Bild ist mittig so wie es soll...

    Du wirst wohl irgendwas falsch machen..
    Oder, was ich eher nicht glaube, lösch mal den Cache von deinem Browser oder nimm nen anderen...
    Bzw. welchen Browser haste überhaupt ?

    MfG
     
  15. 8. Januar 2011
    AW: Webspell Squad PNG mittig?

    und wie das funktioniert:

    <img border="0" align="middle" alt="Counter Strike Source Squad" src="images/squadicons/2.png" style="display: block; margin: 0px auto;">

    ergibt http://img560.imageshack.us/img560/2981/guckste.png
     
  16. 8. Januar 2011
    AW: Webspell Squad PNG mittig?

    Mhh das hat funktioniert -.-

    Thx an alle.

    /close
     
  17. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.