zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Umbruch im Submenü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.02.2009, 11:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.02.2009
Beiträge: 17
powl0r befindet sich auf einem aufstrebenden Ast
Standard Umbruch im Submenü

Moin...

Das Problem seht ihr auf dem Screenshot. Ich bin CSSNeuling und hab derzeit nicht viel Erfahrung. Mache extra ein Praktikum um das alles kennen zu lernen.
Ich möchte nun halt das die Navigation in eine neue Zeile umbricht und dort weiter geht.
Ich hab bisschen rumgesucht und bin auf selfhtml.org gelandet. Dort hab ich was mit white-space gelesen und probiert. Hat aber nicht geholfen.



Code der Submenubox:

Code:
#submenubox
{
   color: #FFFFFF;
   background-color: #3898CF;
   position: relative;
   top: 42px;
   left: 46px;
   width: 250px;
   height: 20px;
   border: 0px;
}

Code:
a.submenu_no:link, a.submenu_no:visited
{
   font-size: 0.95em;
   font-weight: normal;
   color: #FFFFFF;
   background-color: #3898CF;
   text-decoration: none;
   padding-left: 12px;
   padding-right: 12px;
}
a.submenu_no:hover, a.submenu_no:focus
{
   font-size: 0.95em;
   font-weight: normal;
   color: #F5A32E;
   background-color: #3898CF;
   text-decoration: none;
   padding-left: 12px;
   padding-right: 12px;
}
a.submenu_no:active
{
   font-size: 0.95em;
   font-weight: normal;
   color: #FF0000;
   background-color: #3898CF;
   text-decoration: none;
   padding-left: 12px;
   padding-right: 12px;
}

a.submenu_cur:link, a.submenu_cur:visited
{
   font-size: 0.95em;
   font-weight: normal;
   color: #F5A32E;
   background-color: #3898CF;
   text-decoration: none;
   padding-left: 12px;
   padding-right: 12px;
}
a.submenu_cur:hover, a.submenu_cur:focus
{
   font-size: 0.95em;
   font-weight: normal;
   color: #F5A32E;
   background-color: #3898CF;
   text-decoration: none;
   padding-left: 12px;
   padding-right: 12px;
}
a.submenu_cur:active
{
   font-size: 0.95em;
   font-weight: normal;
   color: #FF0000;
   background-color: #3898CF;
   text-decoration: none;
   padding-left: 12px;
   padding-right: 12px;
}

Code:
   <div id="submenubox"><a href="behandlungspflege.html" onfocus="blurLink(this);" class="submenu_no">Behandlungspflege</a>&Iota;<a href="ambulante-krankenpflege.html" onfocus="blurLink(this);" class="submenu_no">Krankenpflege</a>&Iota;<a href="sorgenfreie-urlaubspflege.html" onfocus="blurLink(this);" class="submenu_no">Urlaubspflege</a>&Iota;<a href="privatpflege.html" onfocus="blurLink(this);" class="submenu_no">Privatpflege</a>&Iota;<a href="ambulante-altenpflege.html" onfocus="blurLink(this);" class="submenu_no">Altenpflege</a>&Iota;<a href="intensivpflege-zuhause.html" onfocus="blurLink(this);" class="submenu_no">Intensivpflege</a>&Iota;<a href="hauswirtschaft.html" onfocus="blurLink(this);" class="submenu_no">Hauswirtschaft</a></div>

Geändert von powl0r (13.02.2009 um 11:58 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.02.2009, 11:45
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.042
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Ich vermute mal, dass die Navigation absolut positioniert ist?
Dann helfen Dir die üblichen Hinweise nicht weiter.

Ohne Code bzw. Testcase können wir alle nur rumraten, siehe meine Sig.

Edit: Schmeiß das position:relative raus und positioniere per margin oder padding relativ zur umgebenden box.

Edit 2: Der Css-code für die Links fehlt
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Geändert von andir (13.02.2009 um 11:48 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.02.2009, 11:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.02.2009
Beiträge: 17
powl0r befindet sich auf einem aufstrebenden Ast
Standard

Hab den Code reineditiert...

Edit: Der Code für die Links ist auch drin.

positioniere per margin oder padding relativ zur umgebenden box

Sagt mir leider nicht viel Beschäftige mich erst seit 3 Tagen damit. Kannst du mir evtl noch mehr Denkanschupser geben?^^

Geändert von powl0r (13.02.2009 um 12:00 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 13.02.2009, 11:58
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.042
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Sehe gerade, dass Du gar keine Leerstellen innerhalb deiner Linkliste hast.
Füge hinter jedem Begriff ein Leerzeichen ein (einfach Leertaste drücken), dann bricht die Navi auch um - wenn sie nicht noch besonders gestylt ist.

Edit: Damit ist whitespace gemeint
Edit2: Vergiss meinen Hinweis auf pos. relative. Er beruht auf einem Irrtum meinerseits.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Geändert von andir (13.02.2009 um 12:03 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 13.02.2009, 11:59
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Text bricht an Whitespace um. Bei dir gibt es keinen.

edit: Tja, zu spät.
Mit Zitat antworten
  #6 (permalink)  
Alt 13.02.2009, 12:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.02.2009
Beiträge: 17
powl0r befindet sich auf einem aufstrebenden Ast
Standard

Ich hab white-space probiert, aber es hat nichts gebracht. Oder ich hab es falsch benutzt...
Mit Zitat antworten
  #7 (permalink)  
Alt 13.02.2009, 12:13
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Ich wüsste nicht, wie man die Space-Taste falsch benutzen kann...
Es ist nicht die Rede von der CSS-Eigenschaft white-space! Siehe andirs Posting.
Mit Zitat antworten
  #8 (permalink)  
Alt 13.02.2009, 12:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.02.2009
Beiträge: 17
powl0r befindet sich auf einem aufstrebenden Ast
Standard

Achso, hab ich falsch verstanden. Sorry...
Aber das bringt ebenfalls nichts. Es bleibt weiterhin alles in einer Zeile.
Mit Zitat antworten
  #9 (permalink)  
Alt 13.02.2009, 12:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Dann poste einen Link.
Siehe auch http://xhtmlforum.de/40080-f-r-frage...twortende.html
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 13.02.2009, 12:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.02.2009
Beiträge: 17
powl0r befindet sich auf einem aufstrebenden Ast
Standard

http://www.pflegedienst-hessen-sued.de/
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
DIVs nebeneinander ohne Umbruch t.ockert CSS 10 16.08.2010 11:42
Umbruch zwischen Formularelementen verhindern - ohne Nebenwirkungen AndreasB CSS 4 14.10.2009 20:06
CSS Div feste Breite, ohne Umbruch. mcavus CSS 13 21.07.2009 00:00
Bedingter Umbruch an Zeichenketten mit Punkt als Trenner AndreasB (X)HTML 7 09.06.2009 12:08
Zu langer Text ohne Umbruch sprengt Layout lostname (X)HTML 5 29.11.2007 09:58


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