zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Einbinden von PNG oder GIF Bild im Header

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.02.2007, 22:47
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.02.2007
Beiträge: 30
deepblue befindet sich auf einem aufstrebenden Ast
Beitrag Einbinden von PNG oder GIF Bild im Header

Hallo möchte gerne auf meiner Internetseite statt des Firmennamens den ich in eine XHTML Seite (siehe unten) so einebaut habe,
lieber den Firmenname als PNG Datei oder als GIF-Logo angezeigt bekommen.

Das gekachelte Hintergrundbild soll aber beibehalten werden. Und das Logo soll dann auf den Hintergrund gelegt bzw. positioniert werden.
Gleichzeitig soll aber das Logo auch beim ausdrucken der Seite mit gedruckt werden!

Ist das überhaupt machbar? Und wie würde man soetwas professionell lösen?
Würde auch ggf. die Internetseite per P.M. zusenden.

Gruß

deepblue






**** Auszug aus der XHTML-Datei ****

<div id="header">

<h1 id="logo">Max<span class="blue">Mustermann</span></h1>
<h2 id="slogan">Musterküchen .........</h2>

</div>


**** Auszug aus der CSS-Datei ****


/* header */
#header {
position: relative;
background: url(headerbg-blue.gif) repeat-x;
height: 84px;
}
#header h1#logo {
position: absolute;
margin: 0; padding: 0;
font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #CCC;
text-transform: lowercase;
/* change the values of top and Left to adjust the position of the logo*/
top: 0; left: 5px;
}
#header h2#slogan {
position: absolute;
margin: 0; padding: 0;
font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #FFF;
/* change the values of top and Left to adjust the position of the slogan*/
top: 48px; left:65px;
}
#header .searchform {
position: absolute;
top: 5px; right: 3px;
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.02.2007, 23:01
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.02.2007
Beiträge: 30
deepblue befindet sich auf einem aufstrebenden Ast
Standard

mhh... bekomme das Logo nicht im Header angezeigt. Den unteren Salm mit h1 und h2 habe ich nun entfernt. Das genau muß ich definieren, damit mir das Logo im Header angezeigt wird.

Ich meine was genau muß zwischen:

<div id="header">

??????????

</div>

Und wie muß die Formatierung des Logos in der CSS-Datei aussehen???

Würde mich sehr freuen, wenn mir jemand der sich mit XHTML und CSS ganz gut auskennt ein paar Tips geben könnte. Vielen Dank
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.02.2007, 01:04
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 887
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

Natürlich ein <img>-Tag

Code:
<div id="header">	
<img src="logo.gif" alt="" />			
</div>
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Banner im Header einbinden CarTeL (X)HTML 21 13.11.2010 20:20
Bild im Header verschiebt sich lobalito CSS 3 22.03.2009 01:42
Tabellen Header mit einem Bild an dem linken Rand und einem am rechten Rand seishiro CSS 1 20.02.2008 18:46
Header Bild alle 2 Tage wechseln mooonshadow Serveradministration und serverseitige Scripte 5 01.01.2007 22:48
Rahmen um ein Bild (jpg, png, gif) ziehen Don Stefano CSS 8 30.07.2005 22:42


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:44 Uhr.