schau mal hier auf eine meiner alten Seiten, da habe ich das in dieser Forum gestaltet
<!-- m --><a class="postlink" href="http://www.pg-private-line.de/line00.html">http://www.pg-private-line.de/line00.html</a><!-- m -->
und dann schaue dir mal den Quelltext und die CSS-Datei dazu an dazu an.
Den Haupteingabepart musst du so mit margin-left arragnieren, dass sich dieser in jedem Fall nicht mit der navi überlappt - und das ist auf deiner Seite einwandfrei der Fall
Foster -
filter: alpha(opacity=75);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.75; opacity:0.75;
könntest du mir dazu einen Browserhack für den Opera benennen?
Ich habe in einer meiner Seiten eine Fotoseite eingebunden, die auf opacity fundiert - nur spielen da leider wieder einmal nicht alle Browser mit :wink:
schaue dazu mal folgenden Beitrag an, wo gleiches Thema behandelt wurde:
<!-- m --><a class="postlink" href="http://www.html-seminar.de/_forum/viewtopic.php?p=3605#3605">https://www.html-seminar.de/_forum/viewt ... =3605#3605</a><!-- m -->
Ausschlaggebend ist dabei, dem Navi-Bereich eine position:absolute zuzuordnen. float:left; ist dabei überflüssig, und eigentlich auch nicht für derartige Zwecke gedacht und geeignet
Von Frames würde ich in jedem Fall Abstand halten, da diese im etwa 2010 kommenden HTML5 eh nicht mehr zum validen HTML gehören werden.
Gott sei Dank
meine privaten Fotoalben? :lol:
richtig, diese habe ich mit XnView erstellt. Eigentlich beinhaltete der damit erstellte Quellcode ja einen Opacity-Effekt - also, dass die im Hintergrund verbleibenden Aufnahmen nur abgeschwächt dargestellt werden sollen.
Musste ich allerdings wieder rausnehmen, da - wie sollte es anders sein - keine Kompatiblität zu allen Browsern bestand, OPERA spielte nicht mit, und stellte auch die vorgehobenen Aufnahmen nur teiltransparent dar :cry:
Den Anbieterlink habe ich der Fairness gegenüber dem Ersteller solch guter Freeware belassen. [Blockierte Grafik: http://www.pg-private-line.de/dateien/smily_thumbup.gif]
Schicksal...
Anders stellte ich die beiden Slideshows her, aber zu der genutzten Freeware wird (leider, aber für mich nicht so störend) als jeweils letztes Bild ein Hinweis gegeben.
----------------------------
Zu meinem Script mit den sich öffnenden 'Fenstern' einen wichtigen Tipp, die rein auf dem Prinzip von visibility:hidden und visibility:visible basieren:
Diese Anzeigen dürfen nie so ausgerichtet sein, dass sie sich über einen Link platzieren 
Browser wie Firefox oder Opera erkennen dann diese Verweise nicht mehr, so dass ein Ausführung dann nicht mehr möglich ist.
Gruss
Peter
bei meinem zweiten Vorschlag (Tochter Anja) braucht ja keine extra Seite erstellt zu werden.
Schau mal in den Quelltext rein, da siehstes
mit 'ner Grafik zum Beispiel
Ne Grafik mit nem Strich drauf ist nich gerade ne elegante Lösung xD
[Blockierte Grafik: http://www.pg-private-line.de/dateien/help2T.gif]
wie ich das verstanden habe, geht es doch alleine um die Gestaltung eines senkrechten 'Strichs' - also weshalb nicht als Grafik
mit 'ner Grafik zum Beispiel
schau mal auf diese Seite -
<!-- m --><a class="postlink" href="http://www.pg-private-line.de/line00.html">http://www.pg-private-line.de/line00.html</a><!-- m -->
da steht die Navi links in einem völlig eigenen Bereich
also in diesem Beispiel dann so:
/* CSS-Datei für CONTAINER_line */
#head
{
text-align:center;
margin-left:10pt;
border-bottom:5pt double;
border-color:#AFAFAF;
padding:10pt;
}
#main
{
margin-left:100pt;
margin-right:20pt;
margin-top:20pt;
text-align:justify;
}
#navi1
{
position:absolute;
top:130pt;left:20pt;
width:80px;
text-align:left;
border-right:1px solid;
padding:5pt;
font-weight:bold;
font-size:11px;
}musst du halt für deine Navi sowie den Eingabeteil einen separaten <div-Container erstellen, Breiten zuordnen und mit einsprechendem margin versehen
also ich habe jetzt gerade eine neue Seite in dieser Formatierung geschrieben, und konnte in der Voransicht im FF, Opera und IE6 keine grossen Unterschiede bemerken.
Die Seite ist allerdings noch nicht hochgeladen, so dass ich sie dir hier als Muster zeigen könnte.
Anschauen könntest du dir da nur mal eine meiner Indexseiten, die gleichartig gestaltet wurde
http://www.pg-private-line.de/index.html
du setzt diesen Script in den Head-Bereich...
die Datein selbst linkst du dann so ein
<a title=" KLASSE 10 b " href="javascript:popUp()"><b><u>Schulklasse</u></b></a>Für das Ziel muss natürlich eine separate html-Datei erstellt sein, worin sich dann zum Beispiel die anzuzeigende Image-Datei - sowie ggf. gleich der Link zum Schliessen dieses Fensters befindet *g
<a href="javascript:window.close();">schliessen</a>---------------
als Muster schau mal auf diese Seite http://www.pg-private-line.de/privacyLeben.html unter der Überschrift = Funny times =/Schulklasse
---------------
einen anderen Weg bin ich auf der Seite http://www.pg-private-line.de/privacyFamilie.html unter dem Link Tochter Anja gegangen. Ein Weg den ich eigentlich optimaler finde
also bei mir sieht ein solcher Eintrag so aus:
<script type="text/javascript">
<!--
function popUp()
{
window.open ("privacy_Schule_up.html","fenster","width=390,height=325,top=130,left=100,toolbars=no, scrollbars=no").focus();
}
//-->
</script>
und zwar unterdrücke ich diese Anzeige durch die Eränzung toolbars=no
abgesehen davon,
auch ist dieser Tag nun wohl länger als mein div-Tag - aber ich habe das einmal nach deinem Vorschlag nachvollzogen.
Anzeige im
Firefox = OK, zentriert
Opera =OK, zentriert
IE 6 = reagiert nicht, Anzeige linksbündig
Ich wusste doch, dass einer dieser Anzeigemonster nicht mit dieser Eingabe mitspielt
Gib am besten mal deinem Haupt-Div die CSS-Angaben:
margin-left: auto; und margin-right: auto;
Das ist der Kniff Dinge per CSS zu zentrieren
ich kann mich da besinnen (glaube, ich schrieb hier auch schon einmal darüber) das der Kniff mit dem margin & 'auto' bei irgendeinem Browser nicht funkte...
machst du am besten mit dem sog. BOX-Model
<!-- m --><a class="postlink" href="http://www.css4you.de/wsboxmodell/index.html">http://www.css4you.de/wsboxmodell/index.html</a><!-- m -->
dazu einen div align=center anlegen -
in diesen einen verschachtelten
zweiten div align=left einbinden, dem du eine width von max. 800px vorgibst.
Somit hast du nicht nur eine stets zentrierte Ansicht, sondern gleichzeitig eine Grösse, die auch bei kleineren Auflösungen - also 1024x768 oder 800x600 - stets gleich angezeigt wird
*grins*
na OK :lol:
nun würde ich aber immer noch gerne einmal von dir einmal zu lesen bekommen, wie du mit margin etwas zentrieren kannst 
hier kannst du mal reinlesen -
<!-- m --><a class="postlink" href="http://www.css4you.de/trickkiste/tr00012.html">http://www.css4you.de/trickkiste/tr00012.html</a><!-- m -->
funktioniert allerdings nach wie vor nicht mit IE, also somit nicht für alle erkennbar.
Durch die Abrundungen wird eine recht grosser padding-Wert erforderlich
Vielen Dank schon mal!!!
Ich habe jetzt auch die text elemente in DIV'S gepackt und Positioniert!
Das hat geklappt!!!Achja was meint Ihr mit:
<center> deprecated
?????
Danke
Gruß
nebin
nanu - hatte ich hier doch schon benannt, da ich mir dachte, dass dieser Ausdruck nicht so allgemein bekannt sein dürft.
hat da doch jemand ein Posting von mir gelöscht... ist ja wohl ein dolles Ding! :wink:
also deprecated heisst soviel wie veraltet
wie sollte da deine Eingabe aussehen?
wäre ehrlich schon mal interessant für mich
