• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Grafik in "Hintergrund"

C

Cathi001

Neues Mitglied
Hi! Hab schon wieder ne Frage :-o
Kann leider meine HP euch nicht zeigen da sie nicht online ist un das noch vieeeel zu hoch für mich ist, also weiß gar net wie des geht aber des lern ich noch. Und zwar hab ich jetzt ein Logo auf meiner Seite und ein HIntergrundbild. Also einen HIntergrund hab ich schon. Jetzt hab ich links paar Buttons und in der Mitte ein Logo. Aber schon der zweite Button rutscht nach unten weil ja dann des logo kommt. Kann man dieses Logo irgendwie noch in den "HIntergrund" schieben also nicht in den richtigen Hintergrund sondern so wie in open office oder word das des weiter nach hintengeschoben wird aber noch vor dem HIntergrund bild ist.

Hoffe ihr habt verstanden was ich meine :)
 
Werbung:
also du willst das die button ueber dem logo sind?
da faellt mir jetzt spontan nur mittels css die position des logos und der button bestimmen und ein z-index verteilen :D
 
Werbung:
Cathi001 schrieb:
Hoffe ihr habt verstanden was ich meine :)
Zum Vergrößern anklicken....

Hallo Cathi,

so halbwegs...;-)

Cathi001 schrieb:
Hi! Hab schon wieder ne Frage :-o
Kann leider meine HP euch nicht zeigen da sie nicht online ist un das noch vieeeel zu hoch für mich ist, also weiß gar net wie des geht aber des lern ich noch.
Zum Vergrößern anklicken....

Das ist nicht schwer: für den Anfang genügt kostenloser Webspace ohne eigene Domain,
z.B. bei bplaced.net.
Außerdem brauchst Du ein FTP-Programm, z.B. das Plugin FireFTP für den Firefox.
Wenn Du in FireFTP Deine Zugangsdaten eingegeben hast, kannst Du Dich mit dem
Server verbinden und Deine Daten hochladen...

Cathi001 schrieb:
Und zwar hab ich jetzt ein Logo auf meiner Seite und ein HIntergrundbild. Also einen HIntergrund hab ich schon. Jetzt hab ich links paar Buttons und in der Mitte ein Logo. Aber schon der zweite Button rutscht nach unten weil ja dann des logo kommt.
Zum Vergrößern anklicken....

Du solltest jetzt schon verinnerlichen, dass HTML nichts mit dem Aussehen Deiner
Seite zu tun hat. Dafür ist ausschließlich CSS zuständig!

Wenn Deine Buttons eine Navigation sein sollen, dann ist das eine Auflistung von
Links, daher verwendest Du dafür eine ungeordnete Liste <ul>:

Code: 
<ul id="navigation">
     <li><a href="#"><img src="..." /></a></li>
     <li><a href="#"><img src="..." /></a></li>
     <li><a href="#"><img src="..." /></a></li>
     <li><a href="#"><img src="..." /></a></li>
</ul>
Die Anordnung (und das Aussehen) dieser Liste machst Du nun mit CSS, dazu brauchst
Du die Eigenschaft float und eventuell margin und padding.
Für CSS empfehle ich Dir CSS 4 You - The Finest in Stylesheets

Cathi001 schrieb:
Kann man dieses Logo irgendwie noch in den "HIntergrund" schieben also nicht in den richtigen Hintergrund sondern so wie in open office oder word das des weiter nach hintengeschoben wird aber noch vor dem HIntergrund bild ist.
Zum Vergrößern anklicken....

Dafür gibt es mehrere Möglichkeiten. Als Hintergrund verwendest Du nur Dinge, die
zu dekorativen Zwecken dienen.

Dein HTML-Dokument ist ja so aufgebaut:

Code: 
<!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" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Meine erste Website</title>
<link href="includes/style.css" rel="stylesheet" type="text/css" />
</head>

<body>

</body>
</html>

Da kannst Du dem Tag <html> das erste Hintergrundbild zuweisen und dem
Tag <body> das zweite.

Dient ein Bild nicht nur zur Dekoration, bindest Du es als Vordergrundbild ein
und platzierst es mit float, margin und padding.

Mit position: solltest Du am Anfang sehr vorsichtig sein...

Viel Erfolg!

Grüße
Bernhard
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben