Webdesign in Siegen

Bilder Problem

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

Moderatoren: Basti, Ingo

Bilder Problem

Beitragvon tztz am 08.03.2007, 20:59

Hallo,

ich hab mal wieder nen Problem:

a) wie schaffe ich es das sich ein Hintergrundbild mit kleiner Auflösung nur einmal anzeigt, und dass das Bild nicht einfach öfter angezeigt wird damit die Seite gefüllt wird?

b) wie schaffe ich es das ein Hintergrundbild einer Tabellenzelle der Zellengröße anpasst! Also dass das Bild nicht einfach bei der Hälfte "abgeschnitten" wird, da die Zelle kleiner als das Bild ist!


danke im vorraus
Benutzeravatar
tztz
Mitglied
 
Beiträge: 43
Registriert: 02.01.2007, 12:33

Beitragvon d222 am 09.03.2007, 09:00

morgen

1.
mit CSS background:no-repeat

2. du willst ein bild größer skalieren ??

mfg
d222
Mitglied
 
Beiträge: 43
Registriert: 06.01.2007, 15:23
Wohnort: Berlin

Beitragvon Juniorsatan am 09.03.2007, 11:26

kleiner skalieren oder? wenns um vermeintliches abschneiden geht.


wenn die tabelle immer gleich groß bleibt würde ich das org.-bild skalieren, so das es genau passt.
Benutzeravatar
Juniorsatan
Mitglied
 
Beiträge: 186
Registriert: 19.02.2007, 18:32
Wohnort: Berlin

Beitragvon MJK am 09.03.2007, 15:02

Die tabelle wird nach nur unten kleienr/größer oder?
Dann kannst du besipielsweise schreiben
Code: Alles auswählen
<tr style="background-repeat:repeat-y">
Let's do it!
Benutzeravatar
MJK
Mitglied
 
Beiträge: 381
Registriert: 28.07.2006, 01:50

Beitragvon tztz am 09.03.2007, 16:53

@d222

zu a)

Ich hab das jetzt mal mit CSS gearbeitet und background-repeat auf no repeat gesetzt. Jetzt lässt aber einen kleinen weißen Rahmen aussen herum!
Der Margin-Befehel brachte auch nichts?

Wie bringe ich es fertig dass das Hintergrundbild direkt im Eck anfängt?


EDIT: Hier die Seite
Benutzeravatar
tztz
Mitglied
 
Beiträge: 43
Registriert: 02.01.2007, 12:33

Beitragvon MJK am 09.03.2007, 17:13

Wie bringe ich es fertig dass das Hintergrundbild direkt im Eck anfängt?


Indem du das Bild als body-hintergrund und nicht als div-hintergrund setzt?!
Let's do it!
Benutzeravatar
MJK
Mitglied
 
Beiträge: 381
Registriert: 28.07.2006, 01:50

Beitragvon d222 am 09.03.2007, 17:27

Ich war mal so frei und hab dein code bischen was hinzugefügt jetzt gehts

*{marign:0;padding:0}
ist immer das erste was ich mache, wenn ich eine Seite erstelle, so
setzt man alle voreingestellten margins und paddings auf 0.

Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Steckbrief</title>
<style type="text/css">
*{margin:0;padding:0}
#haupt
{
background-image:url(123.jpg);
font-family:Arial;
font-size:52px;
background-repeat:no-repeat;
}
</style>
d222
Mitglied
 
Beiträge: 43
Registriert: 06.01.2007, 15:23
Wohnort: Berlin


Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: Lutzi und 1 Gast