Bild als border

Dragon26mFR · 06.06.2005, 14:26

Gibt es irgendeine möglichkeit ein bild als border zu verwenden ???
Es ist ja möglich verschiedene border arten und farben zu wählen jedoch hätte ich gerne ein Bild als border ohne das bild in einer Tabellen oder so zu verwenden.

robo47 · 06.06.2005, 14:28

jenachdem wie das bild aussieht und alles, ein workaround
-> div drum der x pixel größer ist und dem das bild als background rein und halt dann anpassen wie und wo und ob es sich wiederholft / resizt ...

Dragon26mFR · 06.06.2005, 14:37

Kann man das nicht mit CSS einstellen das anstelle von border-color ein image benutzt wird ???
Das mit den Div´s ist da leider nicht so einfach zu lösen.
Ich habe eine tabelle mit hight=50% und width=60% zentriert.
D.h. die tabelle ändert ihre größe automatisch.
Daher habe ich auch keine pix angaben.
jedoch soll der border pix genau sein *g*

DerDesian · 06.06.2005, 15:12

Und dann sagst du mit nem Div isses schlecht?
Nur nochmal als Beispiel:

3 Divs:
- 1 oben
- 1unten
- 1 in dem die Tabelle ist.

Nehmen wir an dern Border soll 5px sein.

PHP-Code:

  <?php

<style>

table.tabelle {

  width: 450px;

  border: solid #000000 0px;

  margin: 0px 5px;

}

 
div.oben {

  width: 460px;

  background: url('./images/oben.gif') no-repeat;

  /*

    Dieses Bild geht über die ganze Breite der Anzeige.

    Es sollte also hier 460 pixel breit sein und die beiden Ecken beinhalten

  */

  margin: 0 auto; /* Das ist, damit das ganze sich horizontal zentriert */

}

 
div.content {

  width: 460px;

  background: url('./images/content.gif') repeat-y; 

  /*

    Dieses Bild geht auch über die ganze Breite. Wichtig sind aber nur die 5 pixel

    jewails rechts und links, die stellen den Rand dar.

    im prinzip kann das bilt 460x1pixel haben.

    nur vertikal vieterhohlen

  */

  margin: 0 auto;

}

 
div.unten {

  width: 460px;

  background: url('./images/unten.gif');

  /* Das gleiche wie das obenDIV, nur mit dem untenBild halt */

  margin: 0 auto;

}

</style>

<div class="oben"></div>

<div class="content">

<table class="tabelle">

<tr><td></td></tr>

</table>

</div>

<div class="unten"></div>

?>

Wenn du nciht willst, dass dir inhalte die Breite zerreißen, wenn jemand aus Spass eine 400ZeichenZeile schreibt, dann gib dem content noch ein.
overflow: hidden;

Gruß
Der Desian

edit: ich habe bis dato noch in keiner Dokumentation gefunden, dass man sowas wie ein
border: url('./images/bild.png');
benutzen kann.
Diese Syntax wär mein intuitiver Versuch.
Aber: nim Divs, nehmen Alle. Tabellen sind e nur noch für Kalentarische und tabellarische Auflistungen (Spielpläne, Preislisten, etc) im w3c empfohlen.

Dragon26mFR · 06.06.2005, 15:19

Ich fühle mich zwar gerade so als hätte mich ein zug überrollt und verstehe nur Bahnhof *g*
Aber ich steige da noch durch

Vielen dank

Kann ich bei den größenangaben auch % nehmen ???
Und kann ich auch ein div haupt ein div rechts und ein div unten machen ???

Soll ein schatten efekt werden.

Baltasar · 06.06.2005, 15:46

Zitat:

Kann ich bei den größenangaben auch % nehmen ???

wenn du willst kannst du den border auch doppelt so breit machen wie den eigentlichen content. ist dem browser wurscht. kommt halt nur drauf an, wie es dann auch bei verschiedenen auflösungen aussieht.

DerDesian · 06.06.2005, 16:33

% würde ich nicht empfehlen, da das Hintergrundbild sich nicht mitskalliert und es daher irgendwann komisch aussieht.

Rein Thoretisch kannst du auch ein DIV rechts machen.
Aaaaber:
Du willst einen Shlagschatten, wenn ich dich richtig verstanden hab.
Den kannst du mit Photoshop bzw Gimp machen.
Du machst einfach ein Bild, das wie deine Seite aussiht, 'mit' schlagschatten.
Dann zerschnippelst du es.
Soll heißen:
Du schneitest dir de gebracuhten Teile raus und speciherst sie jewails als neues bild.
Für das <div class="unten"> also den rand und den Schlagschatten, der unten sein soll in 'einem Bild'. Schon hast du unten einen Schlagschatten.

PHP-Code:

  /------------------------------------     <- Bild oben                    ~ div oben

|                                              | |  <- Bild mitte                    ~ div content

|                                              | |  <- noch mal Bild mitte  

|                                              | |  <- noch mal Bild mitte  

|                                              | |  <- noch mal Bild mitte  

|                                              | |  <- noch mal Bild mitte  

|                                              | |  <- noch mal Bild mitte  

------------------------------------/  |  <- Bild Unten                   ~ unten

   ------------------------------------/  <- immernoch Bild unten

Dann hast du dein Rahmen. Und jetzt schmeißt du einfach deine Tabelle, Text oder was auch immer für einen content rein.

PHP-Code:

  /------------------------------------     

|                                              | |  

|      spalte|spalte|spalte            | |  

|      ----------------------            | |  

|      hi     | du     | da!               | |  

|      ists  | so     | gut?              | |  

|                                              | |  

------------------------------------/  |  

   ------------------------------------/

Gruß
Der Desian

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Es erscheint das alte Bild (cache problem) !!	mac	PHP-Fortgeschrittene	12	18.05.2011 11:23
Bild onMouseOver einblenden	rocco	HTML, Usability und Barrierefreiheit	8	22.02.2008 12:52
Transparentes Bild über Bild legen update gelöst	Broadcast	PHP-Fortgeschrittene	11	04.02.2008 15:27
Dynamische Bildgenerierung: Bild ändert sich nicht	Jacks Rache	PHP Tipps 2006	1	03.09.2006 10:01
[Erledigt] Nächstes Bild, Vorheriges Bild in PHP mit MySQL		Datenbanken	2	15.05.2006 20:50
[Erledigt] Bild immerwieder holen		PHP Tipps 2006	2	18.02.2006 01:24
Bild als Border		HTML, Usability und Barrierefreiheit	1	18.09.2005 09:53
Designproblem: Text und Bild	Sirke	HTML, Usability und Barrierefreiheit	2	08.09.2005 14:59
[Erledigt] Bild aus Datei in Bild einfügen		PHP Tipps 2005-2	1	07.08.2005 23:36
[PHP«Image] Bild in ein anderes Bild einsetzen		PHP Tipps 2005-2	4	07.08.2005 19:39
[Erledigt] Bild neu laden.		HTML, Usability und Barrierefreiheit	1	08.02.2005 21:59
[Erledigt] [JS]Neues Bild in neuem Fenster öffnen		HTML, Usability und Barrierefreiheit	1	04.01.2005 11:39
Bild aus Server anzeigen lassen	flual2000	PHP Tipps 2004	4	26.10.2004 16:33
Bild größe hat prob mit umbenennung.	JEGO	PHP Tipps 2004	1	08.07.2004 16:30

06.06.2005, 14:26
Dragon26mFR Erfahrener Benutzer Registriert seit: 29.04.2005 Beiträge: 323	Bild als border Gibt es irgendeine möglichkeit ein bild als border zu verwenden ??? Es ist ja möglich verschiedene border arten und farben zu wählen jedoch hätte ich gerne ein Bild als border ohne das bild in einer Tabellen oder so zu verwenden. __________________ Das Leben ist ein scheiß Spiel, aber die Grafik ist einfach geil


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

06.06.2005, 14:28
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	jenachdem wie das bild aussieht und alles, ein workaround -> div drum der x pixel größer ist und dem das bild als background rein und halt dann anpassen wie und wo und ob es sich wiederholft / resizt ... __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

06.06.2005, 14:37
Dragon26mFR Erfahrener Benutzer Registriert seit: 29.04.2005 Beiträge: 323	Kann man das nicht mit CSS einstellen das anstelle von border-color ein image benutzt wird ??? Das mit den Div´s ist da leider nicht so einfach zu lösen. Ich habe eine tabelle mit hight=50% und width=60% zentriert. D.h. die tabelle ändert ihre größe automatisch. Daher habe ich auch keine pix angaben. jedoch soll der border pix genau sein g __________________ Das Leben ist ein scheiß Spiel, aber die Grafik ist einfach geil

06.06.2005, 15:12
DerDesian Erfahrener Benutzer Registriert seit: 02.03.2005 Beiträge: 305	Und dann sagst du mit nem Div isses schlecht? Nur nochmal als Beispiel: 3 Divs: - 1 oben - 1unten - 1 in dem die Tabelle ist. Nehmen wir an dern Border soll 5px sein. PHP-Code: <?php <style> table.tabelle { width: 450px; border: solid #000000 0px; margin: 0px 5px; } div.oben { width: 460px; background: url('./images/oben.gif') no-repeat; /* Dieses Bild geht über die ganze Breite der Anzeige. Es sollte also hier 460 pixel breit sein und die beiden Ecken beinhalten / margin: 0 auto; / Das ist, damit das ganze sich horizontal zentriert / } div.content { width: 460px; background: url('./images/content.gif') repeat-y; / Dieses Bild geht auch über die ganze Breite. Wichtig sind aber nur die 5 pixel jewails rechts und links, die stellen den Rand dar. im prinzip kann das bilt 460x1pixel haben. nur vertikal vieterhohlen / margin: 0 auto; } div.unten { width: 460px; background: url('./images/unten.gif'); / Das gleiche wie das obenDIV, nur mit dem untenBild halt */ margin: 0 auto; } </style> <div class="oben"></div> <div class="content"> <table class="tabelle"> <tr><td></td></tr> </table> </div> <div class="unten"></div> ?> Wenn du nciht willst, dass dir inhalte die Breite zerreißen, wenn jemand aus Spass eine 400ZeichenZeile schreibt, dann gib dem content noch ein. overflow: hidden; Gruß Der Desian edit: ich habe bis dato noch in keiner Dokumentation gefunden, dass man sowas wie ein border: url('./images/bild.png'); benutzen kann. Diese Syntax wär mein intuitiver Versuch. Aber: nim Divs, nehmen Alle. Tabellen sind e nur noch für Kalentarische und tabellarische Auflistungen (Spielpläne, Preislisten, etc) im w3c empfohlen. __________________ Wenn dich was ankotzt, machs besser.

06.06.2005, 15:19
Dragon26mFR Erfahrener Benutzer Registriert seit: 29.04.2005 Beiträge: 323	Ich fühle mich zwar gerade so als hätte mich ein zug überrollt und verstehe nur Bahnhof g Aber ich steige da noch durch Vielen dank Kann ich bei den größenangaben auch % nehmen ??? Und kann ich auch ein div haupt ein div rechts und ein div unten machen ??? Soll ein schatten efekt werden. __________________ Das Leben ist ein scheiß Spiel, aber die Grafik ist einfach geil

06.06.2005, 16:33
DerDesian Erfahrener Benutzer Registriert seit: 02.03.2005 Beiträge: 305	% würde ich nicht empfehlen, da das Hintergrundbild sich nicht mitskalliert und es daher irgendwann komisch aussieht. Rein Thoretisch kannst du auch ein DIV rechts machen. Aaaaber: Du willst einen Shlagschatten, wenn ich dich richtig verstanden hab. Den kannst du mit Photoshop bzw Gimp machen. Du machst einfach ein Bild, das wie deine Seite aussiht, 'mit' schlagschatten. Dann zerschnippelst du es. Soll heißen: Du schneitest dir de gebracuhten Teile raus und speciherst sie jewails als neues bild. Für das <div class="unten"> also den rand und den Schlagschatten, der unten sein soll in 'einem Bild'. Schon hast du unten einen Schlagschatten. PHP-Code: /------------------------------------ <- Bild oben ~ div oben \| \| \| <- Bild mitte ~ div content \| \| \| <- noch mal Bild mitte \| \| \| <- noch mal Bild mitte \| \| \| <- noch mal Bild mitte \| \| \| <- noch mal Bild mitte \| \| \| <- noch mal Bild mitte ------------------------------------/ \| <- Bild Unten ~ unten ------------------------------------/ <- immernoch Bild unten Dann hast du dein Rahmen. Und jetzt schmeißt du einfach deine Tabelle, Text oder was auch immer für einen content rein. PHP-Code: /------------------------------------ \| \| \| \| spalte\|spalte\|spalte \| \| \| ---------------------- \| \| \| hi \| du \| da! \| \| \| ists \| so \| gut? \| \| \| \| \| ------------------------------------/ \| ------------------------------------/ Gruß Der Desian __________________ Wenn dich was ankotzt, machs besser.