 Dynamisches CSS Menu |
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
 21.02.2006 - 14:33
Beitrag
#1
|
|
|
looks good Gruppe: User Beiträge: 40 Mitglied seit: 07.12.2005 Mitglieds-Nr.: 5.663  |
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 |
 |
 
|
 |
Antworten
|
23.02.2006 - 13:03
Beitrag
#2
|
|
|
looks good Gruppe: User Beiträge: 40 Mitglied seit: 07.12.2005 Mitglieds-Nr.: 5.663 |
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 |
|
|
|
|
23.02.2006 - 14:54
Beitrag
#3
|
|
|
is getting harder Gruppe: User Beiträge: 15 Mitglied seit: 23.12.2005 Mitglieds-Nr.: 5.704 |
moin
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 |
|
|
|
|
23.02.2006 - 15:25
Beitrag
#4
|
|
|
____________________  Gruppe: Admin Beiträge: 1.220 Mitglied seit: 20.10.2001 Mitglieds-Nr.: 3 |
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. |
|
|
|
Beiträge in diesem Thema
sinot Dynamisches CSS Menu 21.02.2006 - 14:33
Andreas ZITAT(sinot @ 21.02.2006 - 14:33) gr... 21.02.2006 - 14:48 sinot ja das meine ich auch tausend dank
bei css for ... 21.02.2006 - 18:01
Kasperl ZITAT(Andreas @ 23.02.2006 - 15:25) ... 23.02.2006 - 15:35 sinot das ist ein einfaches beispiel
-> http://hoffi... 23.02.2006 - 15:46 i.b.g Hallo,
also bei mir wird nicht das ganze Browserf... 23.02.2006 - 16:05 sinot ok also das mit margin usw. ist ganz nett nur brin... 24.02.2006 - 12:35 Andreas ZITAT(sinot @ 24.02.2006 - 12:35) od... 24.02.2006 - 14:05 eklog Hallo sinot,
DIV immer im body.
Schau mal meine S... 12.05.2006 - 11:48 sinot ZITAT(Andreas @ 24.02.2006 - 14:05) ... 24.02.2006 - 14:59 Andreas ZITAT(sinot @ 24.02.2006 - 14:59) ic... 24.02.2006 - 15:46 Conny Hallo Sinot,
es wird immer wieder mal nach DIV-Pos... 24.02.2006 - 16:11 sinot ok danke für die tipps jetzt verlinke ich die seit... 27.02.2006 - 14:05 Conny Hi,
falls das 'zusammenquetschen' nicht er... 27.02.2006 - 14:15 sinot Ok ist doch nicht so tragisch im prinzip ist es eg... 27.02.2006 - 15:20 sinot grüße,
also es gibt noch kleine hürden aber da bi... 01.03.2006 - 13:09 harlequin moin!
ZITAT(sinot @ 01.03.2006 - 13... 01.03.2006 - 13:42 Auge Hallo
ZITAT(harlequin @ 01.03.2006 - 13... 01.03.2006 - 16:30 sinot na das es in css dokumenten enhalten ist und man d... 01.03.2006 - 16:36 harlequin moin!
ZITAT(sinot @ 01.03.2006 - 16... 01.03.2006 - 16:59 sinot für alle die ähnliches suchen sollten
hab was int... 01.03.2006 - 19:30 sinot ähm woran liegt das das die seite vom link da oben... 02.03.2006 - 16:22 Andreas ZITAT(sinot @ 02.03.2006 - 16:22) äh... 02.03.2006 - 17:12 sinot ist das ein bug von firefox?
die webseiten komple... 02.03.2006 - 17:42 Auge ZITAT(sinot @ 02.03.2006 - 17:42) Je... 04.03.2006 - 17:30 sinot muss dich enttäuschen hatte eine alte version, mit... 05.03.2006 - 17:33 Auge ZITAT(sinot @ 05.03.2006 - 17:33) mu... 09.03.2006 - 15:41 |
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 04.07.2025 - 22:29 |