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
ja das meine ich auch tausend dank
bei 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
moin
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
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
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.
Hallo Sinot,
es wird immer wieder mal nach DIV-Positionierung gefragt.
Schau Dir mal http://www.bitburg-reiten.de/foren/radyserb.html und http://www.bitburg-reiten.de/foren/c-test.htm 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
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
Ok ist doch nicht so tragisch im prinzip ist es egal ob sich der inhalt der seite zusammendrückt.
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!
moin!
Hallo
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
moin!
für alle die ähnliches suchen sollten
hab was interessantes gefunden
http://barrierefrei.e-workers.de/workshops/tricks/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
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
muss dich enttäuschen hatte eine alte version, mit 1.5 gehts bei mir jetzt auch also bug von mozilla.
mfg sinot
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
Unterstützt von Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)