grüße,
bin grad dabei css based eine seite zu machen wie nennt sich diese option wenn ich ein navigationsleiste machen will die mit unterkategorien bestückt ist die sich nach einem klick auf das hauptmenü öffnen?
mfg sinot
Vollansicht: Dynamisches CSS Menu
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
ZITAT(sinot @ 21.02.2006 - 14:33) 
grüße,wie nennt sich diese option wenn ich ein navigationsleiste machen will die mit unterkategorien bestückt ist die sich nach einem klick auf das hauptmenü öffnen?
Ich nehme an "navigationsleiste, die mit unterkategorien bestückt ist, welche sich nach einem klick auf das hauptmenü öffnen".Ansonsten http://www.google.de/search?q=css+menu ...
Und dann - nach 5 Minuten lesen - das hier umsetzen: http://www.seoconsultants.com/css/tips/
ja das meine ich auch 
tausend dank
bei css for you stehts nicht drin!
mfg sinot
tausend dankbei css for you stehts nicht drin!
mfg sinot
ouh also das mit css ist nicht gerade zuckerschlecken jetzt habe eine seite mit viel css gemacht und einiges auch kopiert ist soweit fertig. wie mache ich das jetzt wenn ich einen rahmen um das ganze haben möchte also nicht nur den body-tag sonder alles?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="3col_leftNav.css" type="text/css" />
<style type="text/css">
</style>
</head>
<body
<div id="masthead">
<h1 align="left" id="siteName"><img src="Bild6.jpg" width="295" height="70"/> <img src="t-mobile.jpg" width="104" height="25" /><img src="vodafone.jpg" width="133" height="22" /><img src="eplus.jpg" width="92" height="22" /><img src="o2.jpg" width="64" height="22" /></h1>
<div id="globalNav"><strong>
Home | Angebote | Service | Kontakt |
<a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a>
</strong></div>
<h2 align="center" class="Stil1" id="pageName"><img src="victorvox.jpg" width="128" height="19" /> <img src="tph.jpg" width="224" height="22" /><span class="Stil4">Talkline</span></h2>
</div>
<div id="navBar"><div id="search">Section Links</div>
<div id="sectionLinks">
<ul>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
</ul>
</div>
<div class="relatedLinks">
<h3> </h3>
<h3>Related Link Category</h3>
<ul>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
</ul>
</div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<ul>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
</ul>
</div>
</div>
<!--end navBar div -->
<div style="border-bottom: 1; border-left-style: solid; border-top-style: solid; background-repeat: repeat; border-right-style: solid; border-bottom-style: solid; border: 1; border-left: 0; border-right: 0; border-top: 0;"id="headlines">
<h3><img src="1&1.jpg" width="95" height="98" /></h3>
<h3> </h3>
<h3 align="center">Wir sind auch 1und1 Vertriebspartner!</h3>
<h3 align="center">Stellen Sie sich Ihr eigenes DSL-Packet zusammen und bestellen Sie über uns Ihr Internet-</h3>
<h3> </h3>
<h3> </h3>
<h3> </h3>
<p>
</p>
<p>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<!--end headlines -->
<div id="content">
<div class="feature">
<h3>Feature title</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis
libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
</p>
</div>
<div class="story">
<h3>Story Title</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis
libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis
libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
</p>
</div>
<div class="story">
<h3>Story Title</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis
libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis
libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
</p>
</div>
</div>
<!--end content -->
<div id="siteInfo">
<p align="right" class="Stil2">Über uns | ©2006
Orbitcom</p>
</div>
<br/>
</body>
</html>
mfg sinot
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="3col_leftNav.css" type="text/css" />
<style type="text/css">
</style>
</head>
<body
<div id="masthead">
<h1 align="left" id="siteName"><img src="Bild6.jpg" width="295" height="70"/> <img src="t-mobile.jpg" width="104" height="25" /><img src="vodafone.jpg" width="133" height="22" /><img src="eplus.jpg" width="92" height="22" /><img src="o2.jpg" width="64" height="22" /></h1>
<div id="globalNav"><strong>
Home | Angebote | Service | Kontakt |
<a href="#">global link</a> | <a href="#">global link</a> | <a href="#">global link</a>
</strong></div>
<h2 align="center" class="Stil1" id="pageName"><img src="victorvox.jpg" width="128" height="19" /> <img src="tph.jpg" width="224" height="22" /><span class="Stil4">Talkline</span></h2>
</div>
<div id="navBar"><div id="search">Section Links</div>
<div id="sectionLinks">
<ul>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
<li><a href="#">Section Link</a></li>
</ul>
</div>
<div class="relatedLinks">
<h3> </h3>
<h3>Related Link Category</h3>
<ul>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
</ul>
</div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<ul>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
</ul>
</div>
</div>
<!--end navBar div -->
<div style="border-bottom: 1; border-left-style: solid; border-top-style: solid; background-repeat: repeat; border-right-style: solid; border-bottom-style: solid; border: 1; border-left: 0; border-right: 0; border-top: 0;"id="headlines">
<h3><img src="1&1.jpg" width="95" height="98" /></h3>
<h3> </h3>
<h3 align="center">Wir sind auch 1und1 Vertriebspartner!</h3>
<h3 align="center">Stellen Sie sich Ihr eigenes DSL-Packet zusammen und bestellen Sie über uns Ihr Internet-</h3>
<h3> </h3>
<h3> </h3>
<h3> </h3>
<p>
</p>
<p>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<!--end headlines -->
<div id="content">
<div class="feature">
<h3>Feature title</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis
libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
</p>
</div>
<div class="story">
<h3>Story Title</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis
libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis
libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
</p>
</div>
<div class="story">
<h3>Story Title</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis
libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis
libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
</p>
</div>
</div>
<!--end content -->
<div id="siteInfo">
<p align="right" class="Stil2">Über uns | ©2006
Orbitcom</p>
</div>
<br/>
</body>
</html>
mfg sinot
moin
Was ist bei dir alles?
body ist "das äußerste".
vllcht ein div nach und vor dem body-tag schreiben und border geben ?!
cYa
ZITAT(sinot @ 23.02.2006 - 13:03)
ouh also das mit css ist nicht gerade zuckerschlecken jetzt habe eine seite mit viel css gemacht und einiges auch kopiert ist soweit fertig. wie mache ich das jetzt wenn ich einen rahmen um das ganze haben möchte also nicht nur den body-tag sonder alles?
Was ist bei dir alles?
body ist "das äußerste".
vllcht ein div nach und vor dem body-tag schreiben und border geben ?!
cYa
ZITAT(Kasperl @ 23.02.2006 - 14:54)
vllcht ein div nach und vor dem body-tag schreiben und border geben ?!
Altobelly! Das ist mal innovativ 
ZITAT
wie mache ich das jetzt wenn ich einen rahmen um das ganze haben möchte also nicht nur den body-tag sonder alles?
Ich würde damit anfangen, den Leuten genau zu beschreiben, was Du machen möchtest. Evtl. würde ich auch einen Link zu einer Beispielseite legen. Das kann man nämlich auch alles schon in ein Testverzeichnis hochladen. Du hast vergessen den Inhalt Deiner 3col_leftNav.css hier zu posten und ohne die wird's wohl schwierig zu erraten, was Du möchtest.Also: Beispielseite ins Netz schmeißen und dann können alle drauf gucken. Machen andere doch auch so.
ZITAT(Andreas @ 23.02.2006 - 15:25)
ZITAT(Kasperl @ 23.02.2006 - 14:54)
vllcht ein div nach und vor dem body-tag schreiben und border geben ?!
Altobelly! Das ist mal innovativ okay nächstes mal schreibe ich ... Vorsicht Ironie!
das ist ein einfaches beispiel
-> http://hoffie.info/
halt alles was man sieht, links, inhalt usw. in einem rahmen.
momentan geht bei mir alles über die ganze seite füllt den browser voll aus. verteht ihr jetzt?
Ich habe versucht mit tabelle den inhalt einzufangen aber da verschwinden einige dinge wie der banner usw. mit css habe ich auch probiert jedoch kein erfolg.
mfg sinot
-> http://hoffie.info/
halt alles was man sieht, links, inhalt usw. in einem rahmen.
momentan geht bei mir alles über die ganze seite füllt den browser voll aus. verteht ihr jetzt?
Ich habe versucht mit tabelle den inhalt einzufangen aber da verschwinden einige dinge wie der banner usw. mit css habe ich auch probiert jedoch kein erfolg.
mfg sinot
Hallo,
also bei mir wird nicht das ganze Browserfenster ausgefüllt. Wenn Du aber möchtest, dass der Inhalt in jedem Fall nicht bis an den Fensterrand heranreicht, dann kannst Du für rechts und links mit margin arbeiten und Werte vergeben - ich würde dann aber den ganzen Inhalt in einen div-container verfrachten.
Hier findest Du Anregungen: http://www.css4you.de/wslayout1/index.html
also bei mir wird nicht das ganze Browserfenster ausgefüllt. Wenn Du aber möchtest, dass der Inhalt in jedem Fall nicht bis an den Fensterrand heranreicht, dann kannst Du für rechts und links mit margin arbeiten und Werte vergeben - ich würde dann aber den ganzen Inhalt in einen div-container verfrachten.
Hier findest Du Anregungen: http://www.css4you.de/wslayout1/index.html
ok also das mit margin usw. ist ganz nett nur bringt es nicht den gewünschten erfolg ne eigentlich schon nur wie ich vorher erwähnt habe ist mein ziel den inhalt also das was man im browser sieht einzufangen um dann für den hintergrund eine farbe oder einen hintergrundbild zu nehmen ohne das es sich auf die im Rahmen enthaltenen eigenschaften bezieht. so wie bei dem link da oben.
ich habe mit div id versucht es zusammenzubringen nur kapier ich irgendwie den effekt nicht ode rich habe es an die falschen stellen gesetzt
kommt es nicht nach dem bodytag und beim abschluss davor?
mfg sinot
PS:Ich lese und teste nur ist das alles so unterschiedlich bei tabellen hat man einen festen rahmen und kann eine größe angeben und die bleibt so mit css sieht man den effekt erst wenn man den inhalt füllt oder irre ich mich.
ich habe mit div id versucht es zusammenzubringen nur kapier ich irgendwie den effekt nicht ode rich habe es an die falschen stellen gesetzt
kommt es nicht nach dem bodytag und beim abschluss davor?
mfg sinot
PS:Ich lese und teste nur ist das alles so unterschiedlich bei tabellen hat man einen festen rahmen und kann eine größe angeben und die bleibt so mit css sieht man den effekt erst wenn man den inhalt füllt oder irre ich mich.
ZITAT(sinot @ 24.02.2006 - 12:35)
oder irre ich mich.
Äh, das kann ich Dir nach diesem Beitrag beim besten Willen nicht beantworten. Ich habe nicht einmal ansatzweise verstanden, was Du geschrieben hast.Du hast doch zum Zentrieren des Inhalts Lösungshinweise bekommen. Was konkret funktioniert bei Dir nicht. Was hast Du *wo* ausprobiert. Du möchstest das es so aussieht wie in dem Beispiel, aber das Beispiel ist *nicht* Deine Seite?
Wie sollen wir Dir helfen, wenn Du uns nicht Deinen Fehler zeigst?
ZITAT(Andreas @ 24.02.2006 - 14:05)
ZITAT(sinot @ 24.02.2006 - 12:35)
oder irre ich mich.
Äh, das kann ich Dir nach diesem Beitrag beim besten Willen nicht beantworten. Ich habe nicht einmal ansatzweise verstanden, was Du geschrieben hast.Du hast doch zum Zentrieren des Inhalts Lösungshinweise bekommen. Was konkret funktioniert bei Dir nicht. Was hast Du *wo* ausprobiert. Du möchstest das es so aussieht wie in dem Beispiel, aber das Beispiel ist *nicht* Deine Seite?
Wie sollen wir Dir helfen, wenn Du uns nicht Deinen Fehler zeigst?
ich dachte das hätte ich was fehlt denn? code habe ich gepostet
http://hoffie.info/ hier der link außen hintergrund grau und der inhalt in der mitte weiß.
was soll ich noch erklären.
mfg sinot
ZITAT(sinot @ 24.02.2006 - 14:59)
ich dachte das hätte ich was fehlt denn? code habe ich gepostet
http://hoffie.info/
Und hoffie.info ist Deine Seite? Bei hoffie.info funktioniert doch alles wie gewünscht.http://hoffie.info/
Bei *Dir* funktioniert etwas nicht. Und *das* sollst Du uns anhand eines Beispiels zeigen! Und außerdem schrieb ich schon ziemlich am Anfang
ZITAT
Du hast vergessen den Inhalt Deiner 3col_leftNav.css hier zu posten und ohne die wird's wohl schwierig zu erraten, was Du möchtest.
Wenn Du den Code immer nur hier postest, machst Du uns unnötig Arbeit, denn wir müssen dann alles kopieren, selbst die entsprechenden Seiten lokal anlegen und dann testen.Lade bitte Deinen Code irgendwo auf freien (oder wo auch immer!) Webspace, damit man sich das ansehen kann. Das ist *für alle* deutlich einfacher.
Du machst es aber auch schwer, Dir zu helfen ...
Gruß
Andreas
Hallo Sinot,
es wird immer wieder mal nach DIV-Positionierung gefragt.
Schau Dir mal DIESE und DIESE Seite an.
Studiere die Quellcode, vielleicht hilft es Dir weiter. Das meiste ist mit Kommentare versehen, die CSS steht mit der Quellcode auf einer Seite und ist nicht ausgelagert (so kannst Du sofort sehen wie es gemacht wurde), bei Deiner Umsetzung kannst Du dann nach wie vor auslagern.
cu
Conny
es wird immer wieder mal nach DIV-Positionierung gefragt.
Schau Dir mal DIESE und DIESE Seite an.
Studiere die Quellcode, vielleicht hilft es Dir weiter. Das meiste ist mit Kommentare versehen, die CSS steht mit der Quellcode auf einer Seite und ist nicht ausgelagert (so kannst Du sofort sehen wie es gemacht wurde), bei Deiner Umsetzung kannst Du dann nach wie vor auslagern.
cu
Conny
ok danke für die tipps jetzt verlinke ich die seiten usw. und bin im endspurt sozusagen nur noch 1 Problem.
ich lese und google aber ich weiß nicht wie ich das machen soll damit die seite sich nicht zusammenquetsch wenn man den browser verkleinert.
wenn man frames oder tabellen benutzt bleiben diese fix in ihrer größe aber jetzt mit css wird es zusammengedrängt. Wenn Ihr mir bei dieser Frage noch helfen könnt wäre es fast geschafft.
woran liegt das?
mfg sinot
ich lese und google aber ich weiß nicht wie ich das machen soll damit die seite sich nicht zusammenquetsch wenn man den browser verkleinert.
wenn man frames oder tabellen benutzt bleiben diese fix in ihrer größe aber jetzt mit css wird es zusammengedrängt. Wenn Ihr mir bei dieser Frage noch helfen könnt wäre es fast geschafft.
woran liegt das?
mfg sinot
Hi,
falls das 'zusammenquetschen' nicht erwünscht ist (manche mögen halt die horizontale Scrollbalken nicht, lassen also leiber 'quetschen'), brauchst Du nur eine feste Weite (width) anzugeben...
(Ähnlich wie in einer Tabelle, kannst Du einen Div-Container auch mit dem Attribute 'width: 600px;' versehen.)
cu
Conny
falls das 'zusammenquetschen' nicht erwünscht ist (manche mögen halt die horizontale Scrollbalken nicht, lassen also leiber 'quetschen'), brauchst Du nur eine feste Weite (width) anzugeben...
(Ähnlich wie in einer Tabelle, kannst Du einen Div-Container auch mit dem Attribute 'width: 600px;' versehen.)
cu
Conny
Ok ist doch nicht so tragisch im prinzip ist es egal ob sich der inhalt der seite zusammendrückt.
mfg sinot
mfg sinot
grüße,
also es gibt noch kleine hürden aber da bin grad dran und experimentiere mit float, z-index, eigenschaften usw.
was ich wissen würde ist ob man ein verschachteltes oder dynamisches menü am ende wenn alles fertig ist so einbauen kann das die vorhandenen werte, eigenschaften für divs usw erhalten bleiben.
Das ist schon bißchen kompliziert wenn ich jetzt eine seite von grund auf mit solch einem menü machen würde käme ich ganz gut zurecht doch ich habe es nicht geschafft das in meine vorhandene seite einzubauen.
Deswegen werde ich diese ohne dynamische menüs nach dem prinzip hyperlink auf _blank mit einem i-frame zum inhalt (mittiges div) machen.
wenn die seite online ist werde ich das posten und hoffe ihr könnt mir helfen so eine menü in die vorhandene site einzubauen.
mfg sinot
wisst ihr eine seite abgesehen von selfhtml, cssforyou, htmlworld wo brutalst einfach ein dynamisches menü erläutert wird. danke!
also es gibt noch kleine hürden aber da bin grad dran und experimentiere mit float, z-index, eigenschaften usw.
was ich wissen würde ist ob man ein verschachteltes oder dynamisches menü am ende wenn alles fertig ist so einbauen kann das die vorhandenen werte, eigenschaften für divs usw erhalten bleiben.
Das ist schon bißchen kompliziert wenn ich jetzt eine seite von grund auf mit solch einem menü machen würde käme ich ganz gut zurecht doch ich habe es nicht geschafft das in meine vorhandene seite einzubauen.
Deswegen werde ich diese ohne dynamische menüs nach dem prinzip hyperlink auf _blank mit einem i-frame zum inhalt (mittiges div) machen.
wenn die seite online ist werde ich das posten und hoffe ihr könnt mir helfen so eine menü in die vorhandene site einzubauen.
mfg sinot
wisst ihr eine seite abgesehen von selfhtml, cssforyou, htmlworld wo brutalst einfach ein dynamisches menü erläutert wird. danke!
moin!
Wir werden uns bemühen...
Das Problem dabei ist, dass dieses Thema nicht trivial ist. Und in absehbarer Zukunft wird es wohl noch ein wenig schwieriger werden, wenn man den Verlautbarungen zum IE 7 glauben darf.
Dort sollen nämlich der/die sogenannte 'Box Model Hack", welcher im Moment oftmal zwingend nötig ist um beide grossen Browser (Mozilla Produkte (mit Gecko Engine) und Internet Explorer) unter einen Hut zu bekommen, nicht mehr funktionieren.
Ich habe das selber noch nicht getestet, aber es würde mich nicht im geringsten wundern.
Seit den Browserkriegen vor etwa 10 Jahren ist es eigentlich immer so. Nur konnte man sich in der Zwischenzeit recht gut auf den IE einschiessen, da er Marktführer war.
Das man dadurch zwangsweise 'tricksen' musste, sprich: Nicht konformen CSS-Code verwenden, gräbt einen nun immer mehr ein tiefes Loch.
Meiner Meinung nach jedenfalls.
Es gibt einige Ansätze für 'dynamische' CSS Menüs, manche sind IE only, andere funktieren zum Teil mit beiden. Doch bei eigentlich allen wird getrickst. Ich habe es mittlerweile fast aufgeben und konzentriere mich auf klare Navigationen, mit simplen Effekten (a:hover {}) beispielsweise, die nun von fast jeden aktuellen Browser unterstützt werden.
have fun!
Lars
PS: Sind nur meine Gedanken und nicht als Gottgegeben zu betrachten
ZITAT(sinot @ 01.03.2006 - 13:09)
grüße,
wenn die seite online ist werde ich das posten und hoffe ihr könnt mir helfen so eine menü in die vorhandene site einzubauen.
wenn die seite online ist werde ich das posten und hoffe ihr könnt mir helfen so eine menü in die vorhandene site einzubauen.
Wir werden uns bemühen...
ZITAT(sinot @ 01.03.2006 - 13:09)
wisst ihr eine seite abgesehen von selfhtml, cssforyou, htmlworld wo brutalst einfach ein dynamisches menü erläutert wird. danke!
Das Problem dabei ist, dass dieses Thema nicht trivial ist. Und in absehbarer Zukunft wird es wohl noch ein wenig schwieriger werden, wenn man den Verlautbarungen zum IE 7 glauben darf.
Dort sollen nämlich der/die sogenannte 'Box Model Hack", welcher im Moment oftmal zwingend nötig ist um beide grossen Browser (Mozilla Produkte (mit Gecko Engine) und Internet Explorer) unter einen Hut zu bekommen, nicht mehr funktionieren.
Ich habe das selber noch nicht getestet, aber es würde mich nicht im geringsten wundern.
Seit den Browserkriegen vor etwa 10 Jahren ist es eigentlich immer so. Nur konnte man sich in der Zwischenzeit recht gut auf den IE einschiessen, da er Marktführer war.
Das man dadurch zwangsweise 'tricksen' musste, sprich: Nicht konformen CSS-Code verwenden, gräbt einen nun immer mehr ein tiefes Loch.
Meiner Meinung nach jedenfalls.
Es gibt einige Ansätze für 'dynamische' CSS Menüs, manche sind IE only, andere funktieren zum Teil mit beiden. Doch bei eigentlich allen wird getrickst. Ich habe es mittlerweile fast aufgeben und konzentriere mich auf klare Navigationen, mit simplen Effekten (a:hover {}) beispielsweise, die nun von fast jeden aktuellen Browser unterstützt werden.
have fun!
Lars
PS: Sind nur meine Gedanken und nicht als Gottgegeben zu betrachten
Hallo
Das sollte kein Problem sein, so man die speziellen CSS-Angaben für die verschiedenen MSIE-Versionen per Conditional Comments lädt. Die Frage, die man sich dabei stellen sollte, ist, ob man sich den Aufwand antun will, besonders, wenn es um verschiedene CSS-Dateien für verschiedene Versionen geht.
Nur per CSS geht es mit dem MSIE am schlechtesten, da er :hover nur auf <a> beziehen kann, obwohl sich diese Eigenschaft regelrecht aufdrängt, um damit andere Elemente (wie z.B. die Unternavi) ein- und auszublenden.
Das ist immernoch das Beste. Überschaubarer Aufwand und Verlässlichkeit in Sachen Unterstützung durch die Browser.
Tschö, Auge
ZITAT(harlequin @ 01.03.2006 - 13:42)
Das Problem dabei ist, dass dieses Thema nicht trivial ist. Und in absehbarer Zukunft wird es wohl noch ein wenig schwieriger werden, wenn man den Verlautbarungen zum IE 7 glauben darf.
Dort sollen nämlich der/die sogenannte 'Box Model Hack", welcher im Moment oftmal zwingend nötig ist um beide grossen Browser (Mozilla Produkte (mit Gecko Engine) und Internet Explorer) unter einen Hut zu bekommen, nicht mehr funktionieren.
Dort sollen nämlich der/die sogenannte 'Box Model Hack", welcher im Moment oftmal zwingend nötig ist um beide grossen Browser (Mozilla Produkte (mit Gecko Engine) und Internet Explorer) unter einen Hut zu bekommen, nicht mehr funktionieren.
Das sollte kein Problem sein, so man die speziellen CSS-Angaben für die verschiedenen MSIE-Versionen per Conditional Comments lädt. Die Frage, die man sich dabei stellen sollte, ist, ob man sich den Aufwand antun will, besonders, wenn es um verschiedene CSS-Dateien für verschiedene Versionen geht.
ZITAT(harlequin @ 01.03.2006 - 13:42)
Es gibt einige Ansätze für 'dynamische' CSS Menüs, manche sind IE only, andere funktieren zum Teil mit beiden. Doch bei eigentlich allen wird getrickst.
Nur per CSS geht es mit dem MSIE am schlechtesten, da er :hover nur auf <a> beziehen kann, obwohl sich diese Eigenschaft regelrecht aufdrängt, um damit andere Elemente (wie z.B. die Unternavi) ein- und auszublenden.
ZITAT(harlequin @ 01.03.2006 - 13:42)
Ich ... konzentriere mich auf klare Navigationen, mit simplen Effekten (a:hover {}) beispielsweise, die nun von fast jeden aktuellen Browser unterstützt werden.
Das ist immernoch das Beste. Überschaubarer Aufwand und Verlässlichkeit in Sachen Unterstützung durch die Browser.
Tschö, Auge
na das es in css dokumenten enhalten ist und man damit werte zuweist ist mir klar was ich meinte ist du belässt es dabei einfache hyperlinks zu machen ohne aufwändige menüs?
vorerst werde ich es ohne machen und dann bei der 4. Umstellung will mal von grund auf die seite neu gestalten wobei ich von anfang an das dynamische menü einbaue und den rest dann darauf aktualisiere damit ich einen überblick habe und es verstehen.
mfg sinot
vorerst werde ich es ohne machen und dann bei der 4. Umstellung will mal von grund auf die seite neu gestalten wobei ich von anfang an das dynamische menü einbaue und den rest dann darauf aktualisiere damit ich einen überblick habe und es verstehen.
mfg sinot
moin!
a:hover ist ein Pseudoelement / eine Pseudoklasse, welche dann in Kraft tritt, wenn man mit der Maus über einen Link fährt.
Zum Beispiel:
Der Firefox verkraftet dies auch zum Beispiel bei Listen (<li></li>), der IE allerdings nur (wie Auge schon schrieb) bei Links.
Man könnte, eigentlich, damit prima diverse onmouseover Events, welche gerne bei dynamischen Buttons verwendet werden, ausmisten und die Abhängigkeit von JavaScript (ich mag es eigentlich auch nicht...) etwas lockern, sowie die Barrierefreiheit von Seiten weiter vorantreiben.
Doch leider leider zickt der momentane Marktführer dahingehend rum...
Mehr zum Thema: Pseudoformate / -klassen / elemente, wie auch immer
Wie schon erwähnt, das ganze Thema ist nicht trivial, oft einfach nur erschlagend umfangreich. Mit anderen Worten, überlege dir gut, ob du die rote oder die blaue Pille nimmst!
(jaja, Matrix ist out, mir doch egal! )
have fun!
Lars
ZITAT(sinot @ 01.03.2006 - 16:36)
was ist mit a:hover gemeint einfache hyperlinks auf das ziel ohne verschachtelung oder dynamik?
mfg sinot
mfg sinot
a:hover ist ein Pseudoelement / eine Pseudoklasse, welche dann in Kraft tritt, wenn man mit der Maus über einen Link fährt.
Zum Beispiel:
QUELLTEXT
a:hover {
font-color: red;
text-decoration: none;
font-weight: bold;
}
font-color: red;
text-decoration: none;
font-weight: bold;
}
Der Firefox verkraftet dies auch zum Beispiel bei Listen (<li></li>), der IE allerdings nur (wie Auge schon schrieb) bei Links.
Man könnte, eigentlich, damit prima diverse onmouseover Events, welche gerne bei dynamischen Buttons verwendet werden, ausmisten und die Abhängigkeit von JavaScript (ich mag es eigentlich auch nicht...) etwas lockern, sowie die Barrierefreiheit von Seiten weiter vorantreiben.
Doch leider leider zickt der momentane Marktführer dahingehend rum...
Mehr zum Thema: Pseudoformate / -klassen / elemente, wie auch immer
Wie schon erwähnt, das ganze Thema ist nicht trivial, oft einfach nur erschlagend umfangreich. Mit anderen Worten, überlege dir gut, ob du die rote oder die blaue Pille nimmst!
(jaja, Matrix ist out, mir doch egal!
)have fun!
Lars
für alle die ähnliches suchen sollten
hab was interessantes gefunden
http://barrierefrei.e-workers.de/workshops...cks/menues.php#
mfg sinot
hab was interessantes gefunden
http://barrierefrei.e-workers.de/workshops...cks/menues.php#
mfg sinot
ähm woran liegt das das die seite vom link da oben wenn man es abspeichert ohne farben usw. aussieht wenn man es öffnet?
auch sieht das forum hier plötlich komisch aus ohne rahmen?
mfg sinot
auch sieht das forum hier plötlich komisch aus ohne rahmen?
mfg sinot
ZITAT(sinot @ 02.03.2006 - 16:22)
ähm woran liegt das das die seite vom link da oben wenn man es abspeichert ohne farben usw. aussieht wenn man es öffnet?
auch sieht das forum hier plötlich komisch aus ohne rahmen?
bei mir sihet das forum genauso aus wie immer wenn ich es aufrufe und es hat auch einen rahmen genau wie imeer ich verstehe auch ga nicht was an derm link da oben nicht funktionieren soll bei mir sieht das ganz ordentlich aus was speicherst du denn ab und kannste s dann nicht bedinenn???!?!?!!11
auch sieht das forum hier plötlich komisch aus ohne rahmen?
ist das ein bug von firefox?
die webseiten komplett gespeichert aber es ist alles so im text stil.
Das forum hier ist jetzt fast komplett weiß ohne rahmen farben usw.
bin ganz normal wie immer hierrein über die .de und es sieht halt vollkomisch aus.
mfg sinot
Jetzt habe ich hier alles vollgepostet es ist ein bug vom mozilla.
grüße
die webseiten komplett gespeichert aber es ist alles so im text stil.
Das forum hier ist jetzt fast komplett weiß ohne rahmen farben usw.
bin ganz normal wie immer hierrein über die .de und es sieht halt vollkomisch aus.
mfg sinot
Jetzt habe ich hier alles vollgepostet es ist ein bug vom mozilla.
grüße
ZITAT(sinot @ 02.03.2006 - 17:42)
Jetzt habe ich hier alles vollgepostet es ist ein bug vom mozilla.
Ich bin jetzt mit Firefox 1.5 da, der ist auch nur ein Mozilla, und alles sieht aus, wie es aussehen soll. Also nix mit Mozilla-Bug.
Tschö, Auge
muss dich enttäuschen hatte eine alte version, mit 1.5 gehts bei mir jetzt auch also bug von mozilla.
mfg sinot
mfg sinot
ZITAT(sinot @ 05.03.2006 - 17:33)
muss dich enttäuschen hatte eine alte version, mit 1.5 gehts bei mir jetzt auch also bug von mozilla.
Tja, mit Mozilla 1.7.12 (der hat eine ältere Geckoenginge) sieht es jetzt und sah es letzte Woche grundsätzlich gleich aus. Doch kein bug.
Tschö, Auge
Hallo sinot,
DIV immer im body.
Schau mal meine Seite an, da ich glaube was du vorhast.
www.golke-cux.de
Vorlage findest du in Selfhtml.
Bischen spät dran, aber jetzt erst gelesen.
Gruss
eklog
DIV immer im body.
Schau mal meine Seite an, da ich glaube was du vorhast.
www.golke-cux.de
Vorlage findest du in Selfhtml.
Bischen spät dran, aber jetzt erst gelesen.
Gruss
eklog
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.