Hi Andreas,
ich wollte eigentlich einen Bildwechsel mit hover auslösen. ich habe bisher aber nur lösungen für boxen mit text oder farben gefunden, wahrscheinlich kann ich das nur mit größerem aufwand hinbekommen (stichwort opacity und overlay-box) oder sowas in der art.
Danke mal wieder!
Ohje..., da brummt der Schädel...
Danke erstmal für die Hinweise. Wie geagt, ich bin erst mal wieder beim Lernen und mit 50+ ist das gar nicht mehr so einfach :-/ Ich habe auch schon versucht, den Bildwechsel in der Navigation durch den Effekt fade im verhalten-Menü von Dreamweaver zu steuern, geht aber nicht... Wie müsste denn der Befehl aussehen, um z.B. einen sauberen fade von 500ms beim onMouseOver und Out hinzubekommen? ich habe den Seitenaufbau jetzt modifiziert, um keinen mehr allzu vertikalen Aufbau mehr drin zu haben (scrollen). Wie gesagt, das ist eine einfache Hobbypage die ich einfach etwas aufhübschen möchte, damit es nicht ganz so altbacken aussieht. Die vielen Videos be YouTube die ich sah, überfordern mich, sorry...
CS!
Jens
Guten Morgen!
Werd ich heute mal versuchen einzubauen, bin mal gespannt!
CS!
Jens
Hab dir den Link gschickt...
So, hab das mal eingebaut, es tut sich nix. Offenbar wird der Style der überhaupt nicht beachtet, ich seh im fluid container rein gar keine änderung, nicht mal ein verzerrtes bild. wahrscheinlich wird da von woanders was vererbt???
Okay, suppi, ich versuch das gleich la einzubauen!
Danke erstmal, Ergebnis poste ich dann 
Ich hab jetzt einfach mal ne Klasse definiert mit Hintergrundbild, funktioniert aber leider auch nicht...
<body style="padding-top: 70px" onLoad="MM_preloadImages('grafik/nav-info-h.png','grafik/nav-home-h.png','grafik/nav-up-h.png','grafik/nav-down-h.png','grafik/nav-bilder-h.png','grafik/nav-proj-h.png','grafik/nav-akt-h.png')">
<div class="container-fluid fixed-top">
<div class="row">
<div class="row">
</div>
<div class="col-lg-12eq">
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img src="grafik/nav-links.png" width="50" height="100" alt=""/><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav-home','','grafik/nav-home-h.png',1)"><img src="grafik/nav-home.png" alt="Home" width="60" height="100" id="nav-home"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav-up','','grafik/nav-up-h.png',1)"><img src="grafik/nav-up.png" alt="hoch" width="38" height="100" id="nav-up"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav-down','','grafik/nav-down-h.png',1)"><img src="grafik/nav-down.png" alt="runter" width="38" height="100" id="nav-down"></a><a href="equipment-index.html"><img src="grafik/nav-equip-h.png" width="128" height="100" alt="Equipment"/></a><a href="galerie-index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav-bilder','','grafik/nav-bilder-h.png',1)"><img src="grafik/nav-bilder.png" alt="Bilder" width="168" height="100" id="nav-bilder"></a><a href="projekte-index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav-proj','','grafik/nav-proj-h.png',1)"><img src="grafik/nav-proj.png" alt="Projekte" width="198" height="100" id="nav-proj"></a><a href="info-index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav-akt','','grafik/nav-akt-h.png',1)"><img src="grafik/nav-akt.png" alt="Info - Aktuelles" width="182" height="100" id="nav-akt"></a><img src="grafik/nav-rechts.png" width="38" height="100" alt=""/></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<style type="text/css">
body{
background-image: url(grafik/bg_equipment.jpg);
background-size: cover;
background-color: #000000;
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
margin: 1px;
height: 100%;
width: 100%;}
</style>
<div class="container">
<div class="row">
<div class="row">
<div class="col-lg-12">Das wäre der Code-Schnipsel vom Oberteil... Reicht dir das zum Spielen?
Danke! Ja, Hobby ist zur Zeit echt eine Krankheit, nix zu machen 
Meine Bekannten in den USA können pro Woche viele Stunden belichten, ich schau in die Röhre.
Ich habe den Header in eine Tabelle eingepackt, die in der .col_lg12 Klasse eingebettet ist. Ich weiss sonst nicht wie ich verhindern soll dass der Content über den gesamten Bildschirm gespreizt wird. Da fehlt mir halt noch das Wissen. Du meintest jetzt also, ich solle z.B. das bg-image der Tabelle gleichsetzen mit dem Hintergrundbild des Bodies? Oder versteh ich da was falsch...?
Hab wieder einen Screen angehängt, ich gaube so funktioniert das nicht...
html-seminar.de/woltlab/attachment/2695/
Für mobile Geräte will ich die Seite eigentlich nicht optimieren, da die allermeisten Leute diese Art Seiten eh am Desktop anschauen und das Bootstrap mit den relativ wenigen Screengrößen flexibel genug ist.
Danke!
Jens
Hallo!
Online ist da Projekt natürlich noch nicht, ich habe dir aber mal 2 Screens angehängt, auf denen man mein problem erkennen kann...
Danke erstmal!
Jens
html-seminar.de/woltlab/attachment/2694/
Hallo Forum!
Mein Name ist Jens, ich habe in der Vergangenheit hier und da per HTML einfache Websites "gebaut" (ist schon 20 Jahre her), seither hat sich ja sehr viel getan. Aktuell arbeite ich an einer privaten Seite und möchte diese gerne ansprechend gestalten. Dazu bediene ich mich des Bootstrap 3/4 und ich lerne aktuell viel über CSS.
Zu meinem Problem: Ich habe mit der Klasse .fixed-top eine Row fixiert und dort meine Navigation plaziert. Diese würde ich gerne per halbtransparente Bilder erstellen (mit Rollover-Wechsel). Das klappt soweit. Jedoch: Wenn ich den Rest des Contents scrolle, überdeckt natürlich dessen Inhalt dann die transparenten Bereiche, was doof aussieht. Ich habe das aktuell so gelöst dass ich die jeweiligen Rolloverbilder nicht transparent sondern in einem gewissen Maße im Hintergrund untergehend gestaltet habe. Das sieht aber bei verschiedenen Viewports dann mitunter auch nicht optimal aus, da das Hintergrundbild auf cover gesetzt ist und das ganze dann nicht mehr optimal passt.
Gibt es denn eine Möglichkeit, im Bereich der Navigations-Row (100 Px hoch), sozusagen den Rest des Contents einen "Schutzbereich" auf transparent zu schalten, damit die Navigation mit den transparenten Bereichen beim Scrollen trotzdem "leer/frei" bleibt? Man kann ja mit CSS3 so viel machen, vielleicht ist sowas ja auch hinterlegt?
Ich danke euch herzlichst für Anregungen und Lösungsansätze!
Viele Grüße!
Jens