HTH-C.com - Forum
Latest News Latest Threads
Neuerung: Persönliche Galerie
Informationen zur Übernahme der Erweite..
HTH Blog - Version 2.0
#HTH.Systems - Betatester gesucht
Neueröffnung - PHPKit-Award.de
HTH Webchat v3
Letzter Beitrag Happy Birthday Bottyline Weiblicher Benutzer Heute, 0:00 Zeit der letzten Antwort
Letzter Beitrag Gibt es eigentlich noch jemand der PHPki.. Dooki Männlicher Benutzer 16.07.2024 - 20:47 Zeit der letzten Antwort
Letzter Beitrag PHPKit 1.6.6 WEBI Männlicher Benutzer 24.06.2024 - 13:58 Zeit der letzten Antwort
Letzter Beitrag Herzlich Willkommen Botty Männlicher Benutzer 07.06.2024 - 02:42 Zeit der letzten Antwort
Letzter Beitrag PHPKit 1.6.6 ohne ASCE auf PHP8x Myrddin Männlicher Benutzer 22.03.2023 - 13:36 Zeit der letzten Antwort
 54.285 Posts & 4.945 Themen in 78 Foren
Forenübersicht » Support / Hilfe » Allgemein » HTML » HTML Box mit abgerundeten Graf..

HTML Box mit abgerundeten Grafiken
7 Beiträge in diesem Thema
 Seiten (1):    1  
Offline Fidus
Böses Böses Blümchen
Fidus`s alternatives Ego
Beiträge: 585
Wohnort: Berlin
HTH-Coins: 265
22.03.2008 - 22:47 Uhr
Beitrag: #1
Hallo Leute,

ich ahbe ein kleines Problem. Ich möchte eine Box mit abgerundeten grafiken erstellen und der clou ist es soll so sein das die Box sich der Browsergröße anpasst. So das habe ich ja schon aber nun weiß ich nicht wie ich einen Text in die Box bekomme und die Grafiken mitlaufen.

So sieht bisher mein HTML Code aus:



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

PHP-Quelltext


<head>
<title>Unbenanntes Dokument</title>
</head>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody><tr>
    <td align="left" height="20" valign="top" width="20"><img src="lo.gif" alt="" border="0" height="20" width="20"></td>   
    <td style="background-image: url(me.gif);" align="right" valign="top" width="100%"></td>
    <td align="right" height="20" valign="top" width="20"><img src="ro.gif" alt="" border="0" height="20" width="20"></td>
    <tr>
        <td align="left" valign="top" width="20"><img src="lu.gif" alt="" border="0" height="20" width="20"></td>
        <td style="background-image: url(me.gif);" width="100%"><img src="me.gif" alt="" border="0" height="20" width="100%"></td>
        <td align="right" valign="top" width="20"><img src="ru.gif" alt="" border="0" height="20" width="20"></td>
      </tr>
  </tr>
</tbody></table>
<body>

</body>
</html>


Hier nun ein Pic:
http://img245.imageshack.us/img245/9476/scr14f3858oh4.png

Also ich möchte das meine tabelle sich Automatisch an die Fenstergröße des Browsers anpasst und das ein Text in der Box ausgegeben werden kann und die box sich auch da an die Textlänge anpasst.

Ich hoffe es kann mir einer Helfen.
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Gash - 23.03.2008 - 19:08 Uhr
 
Zum Anfang der Seite
Offline BooGT
The Hansebanger
BooGT`s alternatives Ego
Beiträge: 404
Wohnort: nähe Halle an der Saale
HTH-Coins: 100.025
22.03.2008 - 23:50 Uhr
Beitrag: #2
Du musst nur der Tabelle einen festen Wert geben dann passt sie sich auch immer an den Browser an
soll doch bestimmt eine bestimmte größe haben immer oder nich?
 
Zum Anfang der Seite
Offline Fidus
Böses Böses Blümchen
Fidus`s alternatives Ego
Beiträge: 585
Wohnort: Berlin
HTH-Coins: 265
23.03.2008 - 00:19 Uhr
Beitrag: #3
Hi,

ich habe der Tabelle 100% gegeben also die Tabelle passt sich ja an den Browser an, nur ich weiß nicht wie ich in die Box wie mein Code oben ist einen Text (</text> so in der art ) rein bekomme.
 
Zum Anfang der Seite
Offline k!r!ka
Syntax undefine
k!r!ka`s alternatives Ego
Beiträge: 2.159
Wohnort: keine Angabe
HTH-Coins: 32.831
23.03.2008 - 08:23 Uhr
Beitrag: #4
Du must dafür ein 3-Zeilen-Spalten-System machen.

1. Zeile:
  • obere, linke Grafik
  • obere, mittlere Grafik/Farbe
  • obere, rechte Grafik

    2. Zeile:
  • mittlere, linke Grafik/Farbe
  • mittlere Hintergrundgrafik/Farbe, den Text ganz normal als Spalteninhalt
  • mittlere, rechte Grafik/Farbe

    3. Zeile:
  • untere, linke Grafik
  • untere, mittlere Grafik/Farbe
  • untere, rechte Grafik

    Das wars auch schon.

    		•
     
    Zum Anfang der Seite
    Offline Fidus
    Böses Böses Blümchen
    Fidus`s alternatives Ego
    Beiträge: 585
    Wohnort: Berlin
    HTH-Coins: 265
    23.03.2008 - 14:10 Uhr
    Beitrag: #5
    Danke, hat wunderbar Funktioniert.

    Habe das ganze nun so gemacht.




    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26

    PHP-Quelltext


    <head>
    <    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <    title>Box</title>
    </    head>

    <    body bgcolor="#333333">
    <    table width="100%" border="0" cellspacing="0" cellpadding="0">
      <    tr>
        <    td align="left" height="20" valign="top" width="20"><img src="lo.gif" alt="" border="0" height="20" width="20"></td>   
        <    td style="background-image: url(me.gif);" align="right" valign="top" width="100%"></td>
        <    td align="right" height="20" valign="top" width="20"><img src="ro.gif" alt="" border="0" height="20" width="20"></td>
      </    tr>
      <    tr>
        <    td width="20" align="left" valign="top" background="me.gif"></td>
        <    td style="background-image: url(me.gif);" width="100%"><p>Text kommt hier rein. lalalalalalalalalalalalalalalala</p>
        <    td width="20" align="right" valign="top" background="me.gif"></td>
      </    tr>
      <    tr>
        <    td align="left" valign="top" width="20"><img src="lu.gif" alt="" border="0" height="20" width="20"></td>
        <    td style="background-image: url(me.gif);" width="100%"><img src="me.gif" alt="" border="0" height="20" width="100%"></td>
        <    td align="right" valign="top" width="20"><img src="ru.gif" alt="" border="0" height="20" width="20"></td>
      </    tr>
    </    table>
    </    body>
    </    html>


    MfG
    Fidus
    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Gash - 23.03.2008 - 14:11 Uhr
     
    Zum Anfang der Seite
    Offline k!r!ka
    Syntax undefine
    k!r!ka`s alternatives Ego
    Beiträge: 2.159
    Wohnort: keine Angabe
    HTH-Coins: 32.831
    23.03.2008 - 15:03 Uhr
    Beitrag: #6
    am Ende  




    1

    PHP-Quelltext

     <td style="background-image: url(me.gif);" width="100%"><p>Text kommt hier rein. lalalalalalalalalalalalalalalala</p>
    Da fehlt ein
     
    Zum Anfang der Seite
    Offline Fidus
    Böses Böses Blümchen
    Fidus`s alternatives Ego
    Beiträge: 585
    Wohnort: Berlin
    HTH-Coins: 265
    23.03.2008 - 17:33 Uhr
    Beitrag: #7
      Richtig. Habe den eben noch hinzugefügt, danke.

    MfG
    Fidus
     
    Zum Anfang der Seite
     Seiten (1):    1  

    Ähnliche Themen
     
    Marktplatz Marktplatz » Grafiken - Letzte Antwort von n15mo am 07.01.08, 18:07 Grafiken  (07.01.08, 18:07)
    PHPKit-Award PHPKit-Award » Award Grafiken - Letzte Antwort von WEBI am 24.03.10, 03:29 Award Grafiken  (24.03.10, 03:29)
    Support Support » Admin und Mods grafiken - Letzte Antwort von Cyrus am 25.06.07, 14:51 Admin und Mods grafiken  (25.06.07, 14:51)
    Marktplatz Marktplatz » Dising & Grafiken Herausforderung ! - Letzte Antwort von msycho am 13.06.08, 14:36 Dising & Grafiken Herausforderung !  (13.06.08, 14:36)
    Fragen und Antworten Fragen und Antworten » Wie kann ich Grafiken einfügen - Letzte Antwort von k!r!ka am 19.05.08, 18:46 Wie kann ich Grafiken einfügen  (19.05.08, 18:46)
    HTH-C.com - Webmedien & Community