Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 14

Thema: Header auf der Homepage mit CSS verbreitern

  1. #1
    modellbausven
    Gast

    Standard Header auf der Homepage mit CSS verbreitern

    Morgen,

    ich bin völlig unerfahren auf dem Thema CSS und bräuchte da mal bitte ein wenig Hilfe.

    Auf meiner Homepage http://eisenbahnbauer.jimdo.com/startseite/news reicht der Header nur bis dorthin, wo die rechte untere Spitze des Bildes ist...
    Für meinen Geschmack ein wenig ungünstig und kurz.
    Ich würde den Header (und damit auch das Bild, bzw. einen tatsächlichen Banner) lieber über die gesamte Breite legen.
    Aber derzeit lässt sich der rechte, weiße Bereich nicht nutzen. (Es liegt nicht an der Bildgröße, sondern am Quellcode).

    Mag mir jemand sagen, mit welchem CSS-Befehl im Head ich die größe des Header verändern kann.
    Hier die derzeitigen Eintragungen aus dem Head:


    <style type="text/css">
    /*<![CDATA[*/
    div#cc-tp-container {width: 1215px; }
    div#cc-tp-content {margin-left: 40px;width: 790px; }
    /*]]>*/
    </style>

    Ich freue mich auf eure Hilfe und Unterstützung.
    Viele Grüße
    Sven
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Header auf der Homepage mit CSS verbreitern

    Code:
    <div id="emotion-header" data-action="emoHeader" style="background: #FFFFFF;width: 910px; height: 125px;">
    Hier gib das width:910px; raus.
    Und dass vergrößere dein Bild mit GIMP, Photoshop, Paint oder einem anderen Grafikprogramm deiner Wahl Noch ist es zu klein.
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    modellbausven
    Gast

    Standard AW: Header auf der Homepage mit CSS verbreitern

    Ich muss leider gestehen, dass ich es noch nicht ganz verstanden habe und mit dem Code bisher keinen Erfolg hatte.
    Ich habe den Code innerhalb der Style-Type Sektion eingefügt. (außerhalb wird er nicht akzeptiert)
    Anschließend habe ich für Width verschiedene Werte probiert, aber bisher keinen Unterschied feststellen können.

  4. #4
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Header auf der Homepage mit CSS verbreitern

    Benutzt du ein content Management System, bei dem man die HTML-Dateien nachbearbeiten kann?
    Oder kannst du nur CSS-Eigenschaften vergeben?
    Something big is coming. And there will be pirates and ninjas and unicorns...

  5. #5
    modellbausven
    Gast

    Standard AW: Header auf der Homepage mit CSS verbreitern

    Ich kann nur CSS-Eigenschaften vergeben.

  6. #6
    Unregistriert
    Gast

    Standard AW: Header auf der Homepage mit CSS verbreitern

    Naja, irgendwo wird sich die Zeile
    Code:
    <div id="emotion-header" data-action="emoHeader" style="background: #FFFFFF;width: 910px; height: 125px;">
    ja finden lassen. Entweder in dem Template-Dateien oder in der Datenbank. Man muss da eben suchen. Lade dir alle Dateien auf deinen Rechner und durchsuche sie mit einem Tool wie Wingrep, dann wirst du das bestimmt finden. Wenn nicht, dann musst du die DB durchsuchen.

  7. #7
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Header auf der Homepage mit CSS verbreitern

    Versuch mal folgenden Code:
    Code:
    <style type="text/css">
     /*<![CDATA[*/
     div#cc-tp-container {width: 1215px; }
     div#cc-tp-content {margin-left: 40px;width: 790px; }
    
    div#emotion-header
    {
            overflow: visible !important;
            overflow-x: visible !important;
            overflow-y: visible !important; 
    }
    
    div#emotion-header img
    {
            width: 1215px !important;
    }
    
     /*]]>*/
     </style>
    Ich kann leider für nichts garantieren, aber es sollte funktionieren
    Something big is coming. And there will be pirates and ninjas and unicorns...

  8. #8
    modellbausven
    Gast

    Standard AW: Header auf der Homepage mit CSS verbreitern

    Wunderbar!
    Das klappt tatsächlich!
    Genial!
    Ich danke dir vielmals!

    Nun muss ich nur noch meinen Banner entsprechend überarbeiten und dort einfügen, dann haben wir's...

    Die Startseite wird auch noch ein optische Politur vertragen können.

    Danke nochmal für die Hilfe und Unterstützung!
    Ich werde mich wohl gern öfter hier im Forum aufhalten.

    Grüße
    Sven

  9. #9
    modellbausven
    Gast

    Standard AW: Header auf der Homepage mit CSS verbreitern

    Jetz hab ich bei der Euphorie glatt übersehen, dass der Banner nun leider die Navigationszeile, welche sich unmittelbar unterhalb befindet überlappt.
    Wie bekomm ich die denn nun wieder dahinter vor, bzw. wie verhinder ich es, dass der Banner die Navigation überdeckt?

  10. #10
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Header auf der Homepage mit CSS verbreitern

    Ups, tut mir leid
    Hab was vergessen

    Code:
    <style type="text/css">
     /*<![CDATA[*/
     div#cc-tp-container {width: 1215px; }
     div#cc-tp-content {margin-left: 40px;width: 790px; }
    
    div#emotion-header
    {
            overflow: visible !important;
    overflow-x: visible !important; 
    overflow-y: hidden !important;
    }
    
    div#emotion-header img
    {
            width: 1215px !important;
      height: 127px !important;
    }
    
     /*]]>*/
     </style>
    Something big is coming. And there will be pirates and ninjas and unicorns...

Ähnliche Themen

  1. Homepage-Header bestehend aus Grafiken
    Von [C]arp[h]unter im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 10.04.2011, 03:59
  2. Header
    Von minder im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 5
    Letzter Beitrag: 22.02.2008, 00:51
  3. php --> header already sent
    Von gLoBe im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 10.11.2006, 15:22
  4. $header als variable für header.html
    Von im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 15.10.2006, 14:24
  5. header
    Von kenzi im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 08.07.2006, 22:19

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •