Reden wir miteinander ...

Liebe(r) Gast, tausche dich mit uns über die Themen aus, die dich gerade beschäftigen. Falls du es aushältst zu erfahren, was Außenstehende darüber denken. ;-)

Information ausblenden

Hintergrundbilder auf HP oder Bilder mit Schrift drüber

Dieses Thema im Forum "FORUM | Reden wir miteinander ..." wurde erstellt von monili, 11 November 2011.

Seite 1 von 2

monili Gast-Teilnehmer/in

Hallo,

ich kann kaum HTML und bringe es ums verrecken nicht zusammen, ein Bild als Hintergrund auf einer Homepage so einzubinden, dass es nicht gleich mehrfach wie ein Kachelmuster angezeigt wird, wenn es recht klein ist bzw. man am Desktop die Seite einzoomt.

Auch wenn ich das Bild als Hintergrundbild einer Tabelle oder Tabellenzelle einbinde, erscheint es einfach oder mehrfach je nach Zoomeinstellung.

Wie krieg ich das zusammen? Eine Alternative wäre das Bild ganz normal einzubinden - also nicht als Hintergrundbild - doch dann wiederum kann ich keinen Text an dieselbe Stelle über dem Bild machen.

Was tun?

LG Monili

#1 monili, 11 November 2011
Amira Gast

Trennst du css und html?
Dann binde dein Hintergrundbild so ein:

#beispiel{
background-image: url(../beispiel.jpg);
background-repeat: no-repeat;
}

#2 Amira, 11 November 2011
monili Gast-Teilnehmer/in

Zitat von Amira: ↑

Trennst du css und html?
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

wie meinen?

Zitat von Amira: ↑

Dann binde dein Hintergrundbild so ein:

#beispiel{
background-image: url(../beispiel.jpg);
background-repeat: no-repeat;
}
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Danke werde mal versuchen das einzuflechten!

#3 monili, 11 November 2011
Amira Gast

Zitat von monili: ↑

wie meinen?
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Ich meinte ob du du eine eigene Datei fürs css und eine für html hast?

#4 Amira, 11 November 2011
monili Gast-Teilnehmer/in

Zitat von Amira: ↑

Ich meinte ob du du eine eigene Datei fürs css und eine für html hast?
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

öhm... ich versteh immer noch nicht wie das zu verstehen ist weder weiß ich was css ist (eine klasse?) noch warum man das in einer anderen datei speichern sollte

#5 monili, 11 November 2011
monili Gast-Teilnehmer/in

sorry... funzt net... habs versucht in html einzufügen aber vergeblich

#6 monili, 11 November 2011
Amira Gast

Ich würde dir ja gerne helfen, mit welchen Programm arbeitest du denn - vielleicht schickst mir einfach eine PN!

#7 Amira, 12 November 2011
monili Gast-Teilnehmer/in

Hi,

ich verwende Microsoft Frontpage 2002.

Ich kann nur sehr sehr wenig HTML und CSS sowieso nicht. Aber ein bissl Visual Basic programmieren. Also versuche ich es mit dem GUI (Graphical User Interface) und dreh ein bissl an den HTML-Codes, da ich ja ungefähr weiß wie Programmiersprachen funktionieren.
Manchmal finde ich auch tolle Homepages im Internet, die kopier ich mir :singasong:ins Frontpage hinein und dreh dann ein bissl an den HTML-Codes.

Die Tabelle die ich meine hab ich ganz simpel gemacht mit Tabelle-> einfügen und fürs Bild ein klick auf Hintergrundbild (und einfügen natürlich).

Aber Deinen Code einfügen hat nix gebracht, auch nicht mit den unterschiedlichesten Varianten wie auf Null setzen statt no-repeat usw.
Noch eine Idee???

Ich überleg mir auch mir ein Homepage-Programm anzuschaffen. Sollte einfach zu bedienen sein und man sollte auch sehr frei in der Gestaltung sein. Also nicht nur Buttons an bestimmten Stellen setzen, ganz bestimmte Hintergrunde verwenden usw. Völlig frei in jeder Gestaltungsmöglichkeit.
Idee?

Danke,
Monili

#8 monili, 13 November 2011
Babooshka Gast-Teilnehmer/in

Poste mal deinen Code, dann richte ich es dir.

#9 Babooshka, 13 November 2011
monili Gast-Teilnehmer/in

<html>

<head>
<meta http-equiv="Content-Language" content="de">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Katze</title>
</head>

<body style="font-family: Century Gothic; font-size: 10; color:#999999">

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#EEEEEE" width="64%" id="AutoNumber1" height="609" background="bild.jpg">

<tr>
<font face="Century Gothic" color="#999999" style="font-size: 5pt">
<td width="100%" align="justify" height="15" colspan="10">
 </td>
</tr>
<tr>
<td width="100%" align="justify" colspan="10" height="49">
<font face="Century Gothic" color="#999999" style="font-size: 12pt">
<p align="center">
<font face="Century Gothic" color="#999999" style="font-size: 20pt">      Katze </font>
</font></font>
<font face="Century Gothic" color="#999999" style="font-size: 20pt">
Cat<font face="Century Gothic" color="#999999" style="font-size: 5pt"></td>
</tr>
<tr>
<td width="10%" align="justify" height="15">
 </td>
<td width="13%" align="justify" height="15">
 </td>
<td width="8%" align="justify" height="15">
 </td>
<td width="7%" align="justify" height="15">
 </td>
<td width="13%" align="justify" height="15">
 </td>
<td width="10%" align="justify" height="15">
 </td>
<td width="10%" align="justify" height="15">
 </td>
<td width="10%" align="justify" height="15">
 </td>
<td width="10%" align="justify" height="15">
 </td>
<td width="10%" align="justify" height="15">
 </td>
</tr>
<font face="Century Gothic" color="#999999">
<font face="Century Gothic" color="#999999">
<tr>

<td align="center" colspan="10">
 </td>
</tr>
<font face="Century Gothic" color="#999999" style="font-size: 5pt">
<font face="Century Gothic" color="#999999" size="2" style="font-size: 5pt">
<tr>
<td width="100%" align="justify" colspan="10" height="18">
<p align="center"> </td>
</tr>
<font face="Century Gothic" color="#999999" size="2">
<tr>
<td width="23%" align="justify" colspan="2" height="27">
<p align="left">
 </td>
<font face="Century Gothic" color="#999999" size="2" style="font-size: 5pt">
<font face="Century Gothic" color="#999999" style="font-size: 5pt">
<td width="15%" align="justify" colspan="2" height="27"> </td>
<td width="23%" align="justify" colspan="2" height="27"> </td>
<td width="20%" align="justify" colspan="2" height="27"> </td>
<td width="20%" align="justify" colspan="2" height="27"> </td>
</tr>
<tr>
<td width="23%" align="justify" colspan="2" height="27"> </td>
<font face="Century Gothic" color="#999999" size="2">
<td width="15%" align="justify" colspan="2" height="27">
<p align="left"> </td>
<font face="Century Gothic" color="#999999" size="2" style="font-size: 5pt">
<font face="Century Gothic" color="#999999">
<td width="23%" align="justify" colspan="2" height="27"> </td>
<td width="20%" align="justify" colspan="2" height="27"> </td>
<font face="Century Gothic" color="#999999" style="font-size: 5pt">
<td width="20%" align="justify" colspan="2" height="27"> </td>
</tr>
<tr>
<td width="23%" align="justify" colspan="2" height="27"> </td>
<font face="Century Gothic" color="#999999" size="2">
<font face="Century Gothic" color="#999999" style="font-size: 5pt">
<font face="Century Gothic" color="#999999" size="2" style="font-size: 5pt">
<font face="Century Gothic" color="#999999">
<td width="20%" align="justify" colspan="2" height="27"> </td>
<td width="20%" align="justify" colspan="2" height="27"> </td>
</tr>
<tr>
<td width="23%" align="justify" colspan="2" height="401"> </td>
<td width="15%" align="justify" colspan="2" height="401"> </td>
<td width="23%" align="justify" colspan="2" height="401"> </td>
<td width="20%" align="justify" colspan="2" height="401"> </td>
<td width="20%" align="justify" colspan="2" height="401"> </td>
</tr>
</table>

</center>
</div>

</body>

</html>

----------------

hoffe, mein code ist nicht zu verwirrend.
in rot das bild um das es geht.

danke :herz2:

#10 monili, 13 November 2011
Babooshka Gast-Teilnehmer/in

OK, und hier hast du es in der Tabelle, aber das ist ja nur deine Notlösung, oder? Also du möchtest es wirklich als Hintergrund der gesamten Seite, stimmt's?

#11 Babooshka, 13 November 2011

Babooshka Gast-Teilnehmer/in

Code:

<html>

 <head>
 <meta http-equiv="Content-Language" content="de">
 <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
 <meta name="ProgId" content="FrontPage.Editor.Document">
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 <title>Katze</title>
 </head>

 <body style="font-family: Century Gothic; font-size: 10; color:#999999; background-image:url(bild.jpg); background-repeat:no-repeat;">


 <div align="center">
 <center>
 <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#EEEEEE" width="64%" id="AutoNumber1" height="609">

 <tr>

Rest blieb unverändert...passt's so?

#12 Babooshka, 13 November 2011

monili Gast-Teilnehmer/in

bist ein echter schatz:herz3:, das klappt ja wirklich!

das bild ist eigentlich mit absicht in der tabelle, da kommen noch ein paar texte rein.
ich möchte, das das bild schön hinter den texten liegt und diese etwas untermalt.

wie krieg ich das bild denn jetzt noch mittig? es sitzt links, soll aber in die mitte.

ist das derselbe text wenn ich das bild in der tabelle haben will?

#13 monili, 13 November 2011
Babooshka Gast-Teilnehmer/in

Zitat von monili: ↑

ist das derselbe text wenn ich das bild in der tabelle haben will?
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Ja, ist derselbe! Probiers einmal aus und wenn es nicht funktioniert oder nicht so ausschaut wie du es haben möchtest, sag einfach noch einmal Bescheid.

#14 Babooshka, 14 November 2011
monili Gast-Teilnehmer/in

hallo,

nein klappt leider nicht.
merke nur dass was nicht stimmen kann, du schreibst den text mit ";" und bei mir ist er - durch das GUI - mit >
kann ja wie gesagt leider kein html.

könntest du bitte nochmal so lieb sein und mir sagen wie ich das bild in die tabelle krieg (in diese zelle wo es jetzt schon sitzt) und es sollte mittig in der zelle sein.

danke!

#15 monili, 15 November 2011
Babooshka Gast-Teilnehmer/in

Zitat von monili: ↑

könntest du bitte nochmal so lieb sein und mir sagen wie ich das bild in die tabelle krieg (in diese zelle wo es jetzt schon sitzt) und es sollte mittig in der zelle sein.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Du hattest vorher das Bild als Hintergrund der gesamten Tabelle. Weil du jetzt von Zelle redest: wieder über die ganze Tabelle oder wirklich nur für eine Zelle?

#16 Babooshka, 15 November 2011
monili Gast-Teilnehmer/in

oh entschuldige das habe ich verwechselt (bei mir ist der obere teil vom bild weiß ebenso wie der seitenhintergrund, daher hat man als betrachter den eindruck dass das bild in einer zelle bzw. zeile sitzt.)

als hintergrund der tabelle war eigentlich gemeint, halt mittig.

danke :herz3: monili

#17 monili, 15 November 2011

Babooshka Gast-Teilnehmer/in

Code:

 <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; [B]background-image:url(bild.jpg); background-repeat:no-repeat; background-position: top center;[/B]" bordercolor="#EEEEEE" width="64%" id="AutoNumber1" height="609">

Funktioniert's?

#18 Babooshka, 15 November 2011

monili Gast-Teilnehmer/in

:kuss:

ja perfekt! danke!!! hab mich ewig mit dem problem rumgespielt, jetzt bin ich richtig happy!
:danke: :danke: :danke: :danke: :danke: :danke: :danke: :danke:

#19 monili, 15 November 2011
monili Gast-Teilnehmer/in

das bild sitzt nur nicht mittig in der tabelle merk ich grad.
also wenn ichd ie seite immer mehr verkleiner rutscht das bild immer mehr nach links.
idee?

#20 monili, 15 November 2011

(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )

Seite 1 von 2

Diese Seite empfehlen

Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.

Accept Weitere Informationen

Information ausblenden

Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.

Accept Weitere Informationen

Information ausblenden