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 Herzlich Willkommen Botty Männlicher Benutzer 28.07.2021 - 08:13 Zeit der letzten Antwort
Letzter Beitrag PHP-Versionen haben den „End-of-Life“ S.. mono Weiblicher Benutzer 05.06.2021 - 22:41 Zeit der letzten Antwort
Letzter Beitrag Diese Seite funktioniert nicht k!r!ka 18.12.2020 - 04:19 Zeit der letzten Antwort
Letzter Beitrag PHPKit 1.6.6 k!r!ka 25.10.2020 - 06:46 Zeit der letzten Antwort
 47.659 Posts & 4.941 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  
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
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
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
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
    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 reinlalalalalalalalalalalalalalalala</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
    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 reinlalalalalalalalalalalalalalalala</p>
    Da fehlt ein
     
    Zum Anfang der Seite
    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