Webdesign in Siegen

BOX-Problem

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

BOX-Problem

Beitragvon =Max= am 08.09.2007, 19:13

Hallo,

folgendes Problem:

Und zwar hab ich folgende Bilder:

http://www.habbo-fans.de/box/Skin_HabboHomes_topL.png

http://www.habbo-fans.de/box/Skin_HabboHomes_btmL.png

http://www.habbo-fans.de/box/Skin_HabboHomes_topR.png

http://www.habbo-fans.de/box/Skin_HabboHomes_btmR.png

Daraus soll eine Box entstehen (Man kann sich die bilder ja logisch zusammen Setzen. Die Box soll aber nur 480 px breit sein. Ich weiß nur das es geht aber ich weiß nicht wie. Bis lang habe ich das nur geschafft:

Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title>dfgh</title>
</head>
<body>
<table style="text-align: left; width: 480px;" border="0"
cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td
style="width: 14px; background-image: url(Skin_HabboHomes_topL.png);"
height="14"></td>
      <td
style="width: 460px; background-image: url(Skin_HabboHomes_topR.png);"
height="14"></td>
    </tr>
    <tr>
      <td style="width: 14px;"
background="Skin_HabboHomes_btmL.png"></td>
      <td
style="width: 460px; padding-left: 8px; padding-right: 8px;"
background="Skin_HabboHomes_btmR.png">hallo</td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>


Zu sehen: http://www.habbo-fans.de/box/kasten.html

Ich denke man sieht das Problem. Wäre net wenn ich Hilfe bekommen könnte. Bitte nicht sagen mit Div Boxen wenn dann ein bisschen was zeigen weil div blick ich garnicht :?

Lg,

=max=
=Max=
Mitglied
 
Beiträge: 444
Registriert: 14.01.2007, 18:59

Beitragvon Ingo am 08.09.2007, 20:23

Hi, ich schon wieder :o)

Vielleicht so:

Code: Alles auswählen
<table style="text-align: left; width: 480px;" border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="width: 14px; height:14px; background: url(Skin_HabboHomes_topL.png);"></td>
      <td style="width:460px; height:14px; background: url(Skin_HabboHomes_topR.png) right;"></td>
    </tr>
    <tr>
      <td style="width: 14px;  height:460px; background: url(Skin_HabboHomes_btmL.png) bottom left;"></td>
      <td style="width: 460px; height:460px; background: url(Skin_HabboHomes_btmR.png) bottom right; padding-left: 8px; padding-right: 8px;">
        hallo
      </td>
    </tr>
  </tbody>
</table>


Ich hab nur die style-Angaben geändert.
Wenn die Bilder zu groß sind, kann man deren Position in der Zelle
im background angeben, als z.B. bottom right[/code]

Gruß, ip
Benutzeravatar
Ingo
Moderator
 
Beiträge: 723
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW

Beitragvon =Max= am 08.09.2007, 20:38

Wow, danke hat schon wieder geklappt :)

Zu einer Bekannten sage ich dann immer: Oh du guter du XD
=Max=
Mitglied
 
Beiträge: 444
Registriert: 14.01.2007, 18:59

Beitragvon Ingo am 08.09.2007, 20:44

biddö, biddö, immer wieder gerne 8)
ich fühl mich dann ma hinter'm Ohr gekrault :wink:
ip
Benutzeravatar
Ingo
Moderator
 
Beiträge: 723
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW


Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: Ingo und 1 Gast