Navileiste zu kürz

Allgemeine Fragen zu Wapster.de

Moderatoren: HTML-Laie, webhostel

Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1706
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Navileiste zu kürz

Beitrag von Nathaly »

Hallo zusammen ,

immer wenn ich ein Untermenu Seite öffne
Bild

dann gehen die Naviseiten über das Design hinaus
Bild

und ich weis nicht wie ich die Navileiste länger machen kann , so das es nicht mehr über das Desgin hinaus geht
Benutzeravatar
webhostel
Moderator
Moderator
Beiträge: 234
Registriert: Mi 20. Aug 2014, 07:29
Mein Vorname: oliver dumler
Wohnort: Möhnesee
Kontaktdaten:

Re: Navileiste zu kürz

Beitrag von webhostel »

Hi,
das finde ich nicht. Ich hab viel durchgeklickt und bei mir geht die nicht über das Design.
Bei welcher Seite ist das so?
Dein Design ist aber auch noch nicht 100% repariert, da die Navi leiste nicht autom. länger wird.
Nur wenn deine Textseiten lang sind, geht die Navi Seite mit.
Soweit ich weiß, versucht Moni was zu machen.
Das Beste wäre die original ZIP des Designs, da irgendwas fehlt oder eine CSS Anweisung für die Navi, damit es sich verlängert.
Gruß Olli 8-)
Homepage-Baukasten https://www.Wapster.de
Kostenloser Shop https://shop-kostenlos.de
------------------------------------------------------------------------------------
Wapster.de Bewertung abgeben: https://de.trustpilot.com/review/wapster.de
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1706
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Navileiste zu kürz

Beitrag von Nathaly »

Hallo ,

weil keine weiteren Texseiten dazu gekommen sind , somit kann ich auch keine Textseiten dazu machen weil es dann über das design hinaus geht
habe schon seiten verschoben damit es nicht hinaus geht das design
Bei welcher Seite ist das so?
das ist egal welche seite

bei Hpage habe ich keine probleme mit design und Peter hat das orginal hoch geladen auf hpage

das ist das orginale vom design von Peter
style.css

Code: Alles auswählen

/*CSS-Format von http://HomepageHelfer.net*/

Körper {
  Hintergrundfarbe: #382516;
  Schriftfamilie: Verdana;
  Schriftgröße: 12px;
  Farbe: #FFFF88;
}
h1 {
  Farbe: #F0FC6C;
  Textausrichtung: Mitte;
  Schriftfamilie: Verdana;
  Schriftgröße: 24px;
  Textausrichtung: links;
  Textdekoration: keine;
}
h2 {
  Farbe: #FFFF55;
  Textausrichtung: Mitte;
  Schriftfamilie: Verdana;
  Schriftgröße: 20px;
  Textausrichtung: links;
}
h3 {
  Farbe: #FFFF66;
  Textausrichtung: Mitte;
  Schriftfamilie: Verdana;
  Schriftgröße: 16px;
  Textausrichtung: links;
}
Textbereich {
  Farbe: #2e2212;
  Schriftgröße: 12px;
  Schriftfamilie: Verdana;
  Hintergrundfarbe: #bc8e53;
  Rand: fest 1px #4aa2ca;
}
eine Verbindung {
  Schriftfamilie: Verdana;
  Farbe: #FFFFFF;
  Schriftgröße: 12px;
  Textdekoration: keine;
}
a:besucht {
  Schriftfamilie: Verdana;
  Farbe: #FFFFFF;
  Schriftgröße: 12px;
  Textdekoration: keine;
}
a:aktiv {
  Schriftfamilie: Verdana;
  Farbe: #FFFFFF;
  Schriftgröße: 12px;
  Textdekoration: keine;
}
a:hover {
  Schriftfamilie: Verdana;
  Farbe: #F0FC6C;
  Schriftgröße: 12px;
  Textdekoration: unterstreichen;
}
#aussen {
  Breite: 900px;
  margin-right: auto;
  margin-left: auto;
  Rand oben: 60px;
  Hintergrundfarbe: transparent;
  Hintergrundbild: url(http://file1.npage.de/011059/57/bilder/mitte.png);
  Hintergrundwiederholung: Wiederholung-y;
  Rand: 0px;
}
#Header {
  Position:relativ;
  oben: -55px;
  Breite: 900px;
  Hintergrundfarbe: transparent;
  Höhe: 213px;
  Rand oben: 0px;
  Hintergrundbild: URL(http://file1.npage.de/011059/57/bilder/header_a.png);
}
#navi {
  float: links;
  Breite: 148px;
  Hintergrundfarbe: transparent;
  Hintergrundwiederholung: Wiederholung-y;
  Schriftgröße: 12px;
  Textausrichtung: Mitte;
  Polsterung: 38px;
  Rand oben: -80px;
}
A.menulink:link, A.menulink:visited, A.menulink:active {
  Bildschirmsperre;
  Breite: 145px;
  Höhe: 30px;
  Zeilenhöhe: 30px;
  Rand: 3px;
  Textausrichtung: Mitte;
  Textdekoration: keine;
  Schriftfamilie: „Franklin Gothic Demi Cond“;
  Schriftgröße: 14px;
  Farbe: #FFFFFF;
  Hintergrundfarbe: transparent;
  Hintergrundbild: URL(http://file1.npage.de/011059/57/bilder/buttom_1.png);
  Randstil: solide;
  Rahmenbreite: 0px;
  Rahmenfarbe: #FF0000;
  Textdekoration: keine;
}
A.menulink:hover {
  Bildschirmsperre;
  Randstil: solide;
  Rahmenbreite: 0px;
  Rahmenfarbe: #F0FC6C;
  Farbe: #F0FC6C;
  Hintergrundfarbe: transparent;
  Hintergrundbild: URL(http://file1.npage.de/011059/57/bilder/buttom_2.png);
  Textdekoration: keine;
}
A.menu:link, A.menu:visited, A.menu:active {
  Bildschirmsperre;
  Breite: 145px;
  Höhe: 25px;
  Zeilenhöhe: 25px;
  Rand: 3px;
  Textausrichtung: Mitte;
  Textdekoration: keine;
  Schriftfamilie: „Franklin Gothic Demi Cond“;
  Schriftgröße: 14px;
  Farbe: #FFFFFF;
  Hintergrundfarbe: transparent;
  Randstil: solide;
  Rahmenbreite: 0px;
  Randfarbe: transparent;
  Textdekoration: keine;
}
A.menu:hover {
  Bildschirmsperre;
  Randstil: solide;
  Rahmenbreite: 0px;
  Rahmenfarbe: #F0FC6C;
  Farbe: #F0FC6C;
  Hintergrundfarbe: transparent;
  Textdekoration: keine;
}
#inhalt {
  float: links;
  Breite: 655px;
  Rand oben: -68px;
  Hintergrundfarbe: transparent;
  Textausrichtung: links;
  Schriftfamilie: Verdana;
  Schriftgröße: 14px;
  Farbe: #FFFF88;
  Polsterung: 2px;
}
#Fusszeile {
  float: links;
  Breite: 900px;
  Höhe: 60px;
  Farbe: #FFFF88;
  Zeilenhöhe: 50px;  
  Textausrichtung: Mitte;
  Schriftfamilie: Impact;
  Schriftgröße: 20px;  
  padding-left: 20px;  
  Hintergrundfarbe: transparent;
  Hintergrundbild: URL(http://file1.npage.de/011059/57/bilder/footer.png);
  Hintergrundwiederholung: keine Wiederholung;
}
.Urheberrechte © {
  schweben: links;
  Schriftgröße: 16px;
  Schriftfamilie: Impact;
  Schriftstil: normal;
  Farbe: #FFFF99;
  Textausrichtung: Mitte;
  Polsterung links: 320px;
}
.copyright a {
  Schriftgröße: 16px;
  Schriftfamilie: Impact;
  Schriftstil: normal;
  Farbe: #FFFFFF;
  Textdekoration: keine;
}
.copyright a:hover {
  Farbe: #F0FC6C;
  Textdekoration: unterstreichen;
}
.klar {
  Lösche beide;
}
style2.css

Code: Alles auswählen

/*CSS Format by https://HomepageHelfer.net*/

body {
    background-color : #382516;
    font-family : verdana;
    font-size : 12px;
    color : #FFFF88;
}
h1 {
    color : #F0FC6C;
    text-align : center;
    font-family : verdana;
    font-size : 24px;
    text-align : left;
    text-decoration : none;
}
h2 {
    color : #FFFF55;
    text-align : center;
    font-family : verdana;
    font-size : 20px;
    text-align : left;
}
h3 {
    color : #FFFF66;
    text-align : center;
    font-family : verdana;
    font-size : 16px;
    text-align : left;
}
textarea {
    color : #2e2212;
    font-size : 12px;
    font-family : verdana;
    background-color : #bc8e53;
    border : solid 1px #4aa2ca;
}
a:link {
    font-family : verdana;
    color : #FFFFFF;
    font-size : 12px;
    text-decoration : none;
}
a:visited {
    font-family : verdana;
    color : #FFFFFF;
    font-size : 12px;
    text-decoration : none;
}
a:active {
    font-family : verdana;
    color : #FFFFFF;
    font-size : 12px;
    text-decoration : none;
}
a:hover {
    font-family : verdana;
    color : #F0FC6C;
    font-size : 12px;
    text-decoration : underline;
}
#aussen {
    width : 900px;
    margin-right : auto;
    margin-left : auto;
    margin-top : 60px;
    background-color : transparent;
    background-image : url(https://file1.npage.de/011059/57/bilder/mitte.png);
    background-repeat : repeat-y;
    border : 0px;
}
#header {
    position:relative;
    top: -55px;
    width : 900px;
    background-color : transparent;
    height : 213px;
    margin-top : 0px;
    background-image : url(https://file1.npage.de/011059/57/bilder/header_a.png);
}
#navi {
    float : left;
    width : 148px;
    background-color : transparent;
    background-repeat : repeat-y;
    font-size : 12px;
    text-align : center;
    padding : 38px;
    margin-top : -80px;
}
A.menulink:link, A.menulink:visited, A.menulink:active {
    display : block;
    width : 145px;
    height : 30px;
    line-height : 30px;
    margin : 3px;
    text-align : center;
    text-decoration : none;
    font-family : "Franklin Gothic Demi Cond";
    font-size : 14px;
    color : #FFFFFF;
    background-color : transparent;
    background-image : url(https://file1.npage.de/011059/57/bilder/buttom_1.png);
    border-style : solid;
    border-width : 0px;
    border-color : #FF0000;
    text-decoration : none;
}
A.menulink:hover {
    display : block;
    border-style : solid;
    border-width : 0px;
    border-color : #F0FC6C;
    color : #F0FC6C;
    background-color : transparent;
    background-image : url(https://file1.npage.de/011059/57/bilder/buttom_2.png);
    text-decoration :none;
}
A.menu:link, A.menu:visited, A.menu:active {
    display : block;
    width : 145px;
    height : 25px;
    line-height : 25px;
    margin : 3px;
    text-align : center;
    text-decoration : none;
    font-family : "Franklin Gothic Demi Cond";
    font-size : 14px;
    color : #FFFFFF;
    background-color : transparent;
    border-style : solid;
    border-width : 0px;
    border-color : transparent;
    text-decoration : none;
}
A.menu:hover {
    display : block;
    border-style : solid;
    border-width : 0px;
    border-color : #F0FC6C;
    color : #F0FC6C;
    background-color : transparent;
    text-decoration : none;
}
#inhalt {
    float : left;
    width : 655px;
    margin-top : -68px;
    background-color : transparent;
    text-align : left;
    font-family : verdana;
    font-size : 14px;
    color : #FFFF88;
    padding : 2px;
}
#footer {
    float : left;
    width : 900px;
    height : 60px;
    color : #FFFF88;
    line-height : 50px;
    text-align : center;
    font-family : Impact;
    font-size : 20px;
    padding-left : 20px;
    background-color : transparent;
    background-image : url(https://file1.npage.de/011059/57/bilder/footer.png);
    background-repeat : no-repeat;
}
.copyright {
    float: left;
    font-size: 16px;
    font-family: Impact;
    font-style: normal;
    color: #FFFF99;
    text-align: center;
    padding-left: 320px;
}
.copyright a {
    font-size: 16px;
    font-family: Impact;
    font-style: normal;
    color: #FFFFFF;
    text-decoration: none;
}
.copyright a:hover {
    color: #F0FC6C;
    text-decoration: underline;
}
.clear {
    clear : both;
}
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1706
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Navileiste zu kürz

Beitrag von Nathaly »

die Zip datei ist vom 28.11.2012 das ist das einzige was ich noch habe auf pc sonst nur noch auf hpage
Dateianhänge
Design Npage-hilfe.de.zip
(4.39 KiB) 168-mal heruntergeladen
Benutzeravatar
webhostel
Moderator
Moderator
Beiträge: 234
Registriert: Mi 20. Aug 2014, 07:29
Mein Vorname: oliver dumler
Wohnort: Möhnesee
Kontaktdaten:

Re: Navileiste zu kürz

Beitrag von webhostel »

Das ist schon das defekte Design. Es ist nicht komplett und nicht das originale.
Gruß Olli 8-)
Homepage-Baukasten https://www.Wapster.de
Kostenloser Shop https://shop-kostenlos.de
------------------------------------------------------------------------------------
Wapster.de Bewertung abgeben: https://de.trustpilot.com/review/wapster.de
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8350
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Navileiste zu kürz

Beitrag von moni »

Hallo Nicole ...
Aus dem Grund, dass diesem Design ziemlich veraltet und defekt ist haben und geeinigt auf einen responsiven umzusteigen.
Du weißt, dass ich schon damit dabei bin und sind nur noch optischen Sachen zu korrigieren. Hatte auch zuletzt Probleme mit FTP Programm und die sind noch nicht behoben. Auch zeitlich gesehen hab ständig wenig Zeit.
Hier mein test:
http://demo.homepagehelfer.net/Nicole-2024/index.html

Wen du nach wie vor das Responsive Design haben möchtest, da muss dich leider gedulden.
Viele Grüße ...Monika
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1706
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Navileiste zu kürz

Beitrag von Nathaly »

webhostel hat geschrieben: Di 19. Mär 2024, 19:25 Das ist schon das defekte Design. Es ist nicht komplett und nicht das originale.
Gruß Olli 8-)
das kann nicht sein den bei hpage funktioniert ja alles und bevor hpage das eigene design eingestellt hat oder wie auch immer es funktioniert
ja immer noch das Design nur das einige bilder nicht angezeigt werden
Benutzeravatar
webhostel
Moderator
Moderator
Beiträge: 234
Registriert: Mi 20. Aug 2014, 07:29
Mein Vorname: oliver dumler
Wohnort: Möhnesee
Kontaktdaten:

Re: Navileiste zu kürz

Beitrag von webhostel »

Naaabend,
Jap, bevor es eingestellt wurde. Und da fehlt halt ein Teil des Designs, den ich nicht kenne.
Das wird aber bestimmt noch rausgefunden. Dein Contentbereich verlängert das Design, aber nicht deine Navi.
Hier ist der Haken in der Graupensuppe.
Dein Design haben wir ja bis jetzt relativ gut hinbekommen, denke ich. Hat ja auch tagelang Kopfzerbrechen gedauert.
Nächste Woche habe ich Urlaub, dann kann ich das nochmals durchschrauben.
Gruß Olli 8-)
Homepage-Baukasten https://www.Wapster.de
Kostenloser Shop https://shop-kostenlos.de
------------------------------------------------------------------------------------
Wapster.de Bewertung abgeben: https://de.trustpilot.com/review/wapster.de
Benutzeravatar
Nathaly
Grosser Webmaster Alt Meister
Grosser Webmaster Alt Meister
Beiträge: 1706
Registriert: Mi 19. Jan 2011, 21:54
Mein Vorname: Nicole
Wohnort: Hamburg
Kontaktdaten:

Re: Navileiste zu kürz

Beitrag von Nathaly »

moni hat geschrieben: Di 19. Mär 2024, 19:50 Hallo Nicole ...
Aus dem Grund, dass diesem Design ziemlich veraltet und defekt ist haben und geeinigt auf einen responsiven umzusteigen.
Du weißt, dass ich schon damit dabei bin und sind nur noch optischen Sachen zu korrigieren. Hatte auch zuletzt Probleme mit FTP Programm und die sind noch nicht behoben. Auch zeitlich gesehen hab ständig wenig Zeit.
Hier mein test:
http://demo.homepagehelfer.net/Nicole-2024/index.html

Wen du nach wie vor das Responsive Design haben möchtest, da muss dich leider gedulden.
Hallo Moni ,

auf jedenfall will ich das Responsive Design haben :u36 ich weiß das es alt ist das design , ich bin dir auch dankbar das du das für mich machst :X :DA

das helle braune müsste umgändert werden in das dunkel braune hintergrund so wie hier https://info.hintergrundbilder-free.de/ ... index.html
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8350
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Navileiste zu kürz

Beitrag von moni »

hab die Farben getauscht..allerdings auf Handy wird alles dunkelbraun..
auf mein Geschmack würde die Buttons komplett verzichten ,nur Schrift ..aber es ist ja Geschmack Sache..

Schau dir das an, ob sonst was zu ändern ist

http://demo.homepagehelfer.net/Nicole-2024/index.html
Viele Grüße ...Monika
Antworten

Zurück zu „Wapster.de“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast