IPB

Willkommen, Gast ( Anmelden | Registrierung )

3 Seiten V   1 2 3 >  
Reply to this topicStart new topic
> Dynamisches CSS Menu
sinot
Beitrag 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
Go to the top of the page
 
+Quote Post
Andreas
Beitrag 21.02.2006 - 14:48
Beitrag #2


____________________
Gruppensymbol

Gruppe: Admin
Beiträge: 1.220
Mitglied seit: 20.10.2001
Mitglieds-Nr.: 3



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/
Go to the top of the page
 
+Quote Post
sinot
Beitrag 21.02.2006 - 18:01
Beitrag #3


looks good


Gruppe: User
Beiträge: 40
Mitglied seit: 07.12.2005
Mitglieds-Nr.: 5.663



ja das meine ich auch biggrin.gif tausend dank

bei css for you stehts nicht drin!

mfg sinot
Go to the top of the page
 
+Quote Post
sinot
Beitrag 23.02.2006 - 13:03
Beitrag #4


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"/>&nbsp;&nbsp;&nbsp;<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>&nbsp;</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>&nbsp;</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>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<p>&nbsp;
</p>
<p>&nbsp;
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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 | &copy;2006
Orbitcom</p>
</div>
<br/>
</body>
</html>

mfg sinot
Go to the top of the page
 
+Quote Post
Kasperl
Beitrag 23.02.2006 - 14:54
Beitrag #5


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
Go to the top of the page
 
+Quote Post
Andreas
Beitrag 23.02.2006 - 15:25
Beitrag #6


____________________
Gruppensymbol

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 w00t.gif

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.
Go to the top of the page
 
+Quote Post
Kasperl
Beitrag 23.02.2006 - 15:35
Beitrag #7


is getting harder


Gruppe: User
Beiträge: 15
Mitglied seit: 23.12.2005
Mitglieds-Nr.: 5.704



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 w00t.gif


okay nächstes mal schreibe ich ... Vorsicht Ironie! ph34r.gif
Go to the top of the page
 
+Quote Post
sinot
Beitrag 23.02.2006 - 15:46
Beitrag #8


looks good


Gruppe: User
Beiträge: 40
Mitglied seit: 07.12.2005
Mitglieds-Nr.: 5.663



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
Go to the top of the page
 
+Quote Post
i.b.g
Beitrag 23.02.2006 - 16:05
Beitrag #9


Weiss zuviel!!
Gruppensymbol

Gruppe: Mods
Beiträge: 668
Mitglied seit: 19.04.2002
Wohnort: Grimmen
Mitglieds-Nr.: 385



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
Go to the top of the page
 
+Quote Post
sinot
Beitrag 24.02.2006 - 12:35
Beitrag #10


looks good


Gruppe: User
Beiträge: 40
Mitglied seit: 07.12.2005
Mitglieds-Nr.: 5.663



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.
Go to the top of the page
 
+Quote Post
Google Bot
Beitrag
Beitrag #


Google Ads









Go to the top of the page
 
Quote Post

3 Seiten V   1 2 3 >
Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 28.03.2024 - 23:23

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here