zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden XHTML, CSS und Hintergrundgrafiken ...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.04.2005, 18:35
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.03.2005
Beiträge: 47
weightwatcher befindet sich auf einem aufstrebenden Ast
Standard XHTML, CSS und Hintergrundgrafiken ...

Hi, Leute ich mache gerade für meinen selbstgecodeten Blog (in PHP mit Mysql) ein Template.
ich habe es soweit es geht in XHTML 1.0 Strict geschrieben und verwende für die Grafiken css.
So nun habe ich ein Problem:
hier mal anschauen, bitte:
http://2-takter.immortal-forces.net/blog
^^

Katastrophe.
Hier mal der Quellcode:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd"> 
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> 
  <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
  <title><? $fos.title; ?></title>
  <style type="text/css">
* 
   { 
      padding: 0; 
      margin:   0; 
      border: none; 
   } 

   body 
   { 
      font-family: Verdana, Arial, Helvetica, sans-serif; 
      background: url("images/interface_17.gif") repeat-y center; 
      font-size:10px; 
      color: #000; 
      text-align:center; 
   } 

   h1 
   { 
      font-size: 12px; 
      color: #000; 
   } 

   h2 
   { 
      font-size: 11px; 
      color: #000; 
   } 

   h3 
   { 
      font-size:10px; 
      color:#000; 
   } 

   /* Für Quellcode-Beispiele im Text */ 
   code 
   { 
      color: #777; 
   } 

   /* Der Kasten mit dem Quellcode */ 
   pre 
   { 
      margin: 10px; 
      padding: 10px; 
      border: 1px solid #777; 
      color: #777; 
   } 

   /* Die Titelzeile */ 
   #title 
   { 
      padding-top:15px; 
      height:24px; 
   } 

   /* Das Menü */ 
   #menu 
   { 
      color:#000; 
      text-align:center; 
      border-top: 1px solid #000; 
      border-bottom: 1px solid #000; 
      padding: 5px 0 5px 0; 
   } 

   #menu ul 
   { 
      list-style-type: none; 
   } 

   #menu ul li 
   { 
      display: inline; 
      padding: 0 10px 0 0; 
   } 

   #menu ul li a 
   { 
      color: #000; 
      text-decoration: none; 
   } 


   #menu ul li a:hover, #menu ul li a:active 
   { 
      color: #2E5040; 
      text-decoration: underline; 
   } 

   /* Der Inhalt */ 
   #content 
   { 
      padding: 20px; 
      color: #000000; 
   } 
   
   #footer 
   { 
      border-top: 1px solid #000; 
	  background: url("images/interface_15.gif") repeat-y center; 
	  padding: 0px; 
      color: #000000; 
	  text-align: center; /* Damit zentrieren wir das Bild */ 
   } 

   /* Logo */ 
   #menu2
   { 
      background: url("images/interface_16.gif") repeat-y center; 
	  text-align: center; /* Damit zentrieren wir das Bild */ 
   } 

   
   #menu3
   { 
      background: url("images/interface_11.gif") repeat-y center; 
	  text-align: center; /* Damit zentrieren wir das Bild */ 
   } 

        
   #logo 
   { 
      text-align: center; /* Damit zentrieren wir das Bild */ 
   } 

   </style> 
   </head>
 <body>
   <div id="logo">
     [img]images/header.gif[/img] 
   </div>
   <div id="menu2">
   </div>
   <div id="menu3">
   </div>
   <div id="body">
     

Test!</p>
   </div>
   <div id="footer">
   </div>
</body>
</html>
Und zwar fehlen da Hintergrundgrafiken ....
Und da ist ne schware Linie mitten durchs Bild.
Außrdem stimmt was mit dem header im IE nit.

im originalen nicht valide sieht es so aus ....
http://2-takter.immortal-forces.net/blog/original.html

Hoffe mir kann jemadd sagen wo meine Fehler liegen ...
MfG und Danke im Vorasu Dennis aka weightwatcher
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.04.2005, 21:24
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.03.2005
Beiträge: 47
weightwatcher befindet sich auf einem aufstrebenden Ast
Standard

Hat keiner ne Ahnung oder ist das CSS Stylesheet gar nit falsch ?
Hoffe mir kann einer helfen ....

MfG und Danke im Voraus Dennis aka weightwatcher.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.04.2005, 21:45
Philippp
Gast
 
Beiträge: n/a
Standard

Also die Linie kommt vom footer...
Gruß, Philippp
PS: Schreib doch bitte mal ein bisschen Blindtext rein.
Mit Zitat antworten
  #4 (permalink)  
Alt 14.04.2005, 22:53
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.03.2005
Beiträge: 47
weightwatcher befindet sich auf einem aufstrebenden Ast
Standard

k, danke das Problem wäre schon mal gelöst. Wenn mir jetzt noch einer sagen kann, warum das Logo nicht ganz zentriert wird, und wo die restlichen Grafikens ind dann wäre ich sehr glücklich.
Ach btw. Wie kann ich denn die Footergrafik immer unten halten, d.h. dass der footer div immer ganz unten ist, egal wie lange der content ist. Gehts dann per clear: right/left oda so ...


MfG und Danke im Voraus Dennis aka weightwatcher
Mit Zitat antworten
  #5 (permalink)  
Alt 16.04.2005, 16:06
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.03.2005
Beiträge: 47
weightwatcher befindet sich auf einem aufstrebenden Ast
Standard

Ich check des einfach nit. Ich habe dort Hintergrundbilder festgelegt eun die fehlen ganz einfach. Des gibts doch nit. Der Footer fehlt, und das Menu2 und 3 aúch. Wenn cih jedoch die Grafiekn anstatt als Hintergrundbilder als Grafiken mache, dann werden die Grafiken angezeigt.
Hoffe mir kann jemand helfen, dass so zulösen, dass die Grafiken als Hintergrundbilder erscheinen. Und wie kann man den footer immer untenhalten, d.h. ohne das er nach oben rutscht?

^^ Quelltext mit CSS steht ja oben ^^
MfG Dennis aka weightwatcher.
Mit Zitat antworten
  #6 (permalink)  
Alt 16.04.2005, 16:12
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von weightwatcher
Ich check des einfach nit. Ich habe dort Hintergrundbilder festgelegt eun die fehlen ganz einfach. Des gibts doch nit. Der Footer fehlt, und das Menu2 und 3 aúch.
Da ist weder eine Höhe für definiert noch ist Inhalt drin. Warum sollte da was angezeigt werden?
Zitat:
Wenn cih jedoch die Grafiekn anstatt als Hintergrundbilder als Grafiken mache, dann werden die Grafiken angezeigt.
Klar - dann ist ja auch Inhalt drin.

Ergo: gib eine Höhe an!
__________________
Grüße,
Terry

... die immer noch sporadisch mitliest, auch wenn sie sich wenig zu Wort meldet ...
Mit Zitat antworten
  #7 (permalink)  
Alt 16.04.2005, 19:13
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.03.2005
Beiträge: 47
weightwatcher befindet sich auf einem aufstrebenden Ast
Standard

lol, und wie kann ich des festlegen ?
MfG und Danke im Voraus Dennis aka weightwatcher
Mit Zitat antworten
  #8 (permalink)  
Alt 16.04.2005, 19:14
Benutzerbild von The Doc
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 19.01.2005
Beiträge: 1.113
The Doc befindet sich auf einem aufstrebenden Ast
Standard

wie wäre es mit width und height?
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an
Milian Wolff | Markdownify | Typogridder
Mit Zitat antworten
  #9 (permalink)  
Alt 16.04.2005, 19:18
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.03.2005
Beiträge: 47
weightwatcher befindet sich auf einem aufstrebenden Ast
Standard

also z.b. Dann so:


Code:
   #footer 
   { 
      border-top: 1px solid #000; 
     background: url("images/interface_15.gif") repeat-y center; witdh: 216; hight: 121;
     padding: 0px; 
      color: #000000; 
     text-align: center; /* Damit zentrieren wir das Bild */ 
   }

oda was ?
MfG und Danke im Voraus, Dennis aka weightwatcher...
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 16.04.2005, 19:30
Benutzerbild von The Doc
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 19.01.2005
Beiträge: 1.113
The Doc befindet sich auf einem aufstrebenden Ast
Standard

probiers aus ?!
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an
Milian Wolff | Markdownify | Typogridder
Mit Zitat antworten
Sponsored Links
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
Aus PSD - XHTML + CSS bauen... 7lives CSS 3 08.10.2010 10:54
Automatischer Code-Formatter für (X)HTML und CSS schmaidt (X)HTML 2 12.04.2010 19:57
Suche Tipps für Schulungen rund um XHTML + CSS Andreas Brantsch (X)HTML 0 13.12.2006 16:09
IE6, CSS, Anker und XHTML Smirftsch CSS 7 14.02.2006 19:50
XHTML und CSS buch Empfehlung Y05h1 Ressourcen 5 07.02.2005 12:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:15 Uhr.