visuell transparente navigation

[Gast] Foren Programme Web/Internet Adobe Dreamweaver visuell transparente navigation

Web/Internet - Webdesign, eForms

Themen

Beiträge

Moderatoren

Letzter Beitrag

Adobe Dreamweaver

1544

6490

loethelm

3. Okt 2023, 08:40

DonnaStella123

coastline

Beiträge gesamt: 162

6. Sep 2006, 17:11
Beitrag # 1 von 14
Bewertung:
(5860 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

wie erstellt man eine transparente navigation, wie sie bei tvr zu finden ist?

im hintergrund das bild und vorne eine transparente nav.

zu sehen bei:

http://www.tvr.co.uk/overview_tamora.php

grüsse, coastline

visuell transparente navigation

loethelm

Beiträge gesamt: 6029

6. Sep 2006, 21:37
Beitrag # 2 von 14
Beitrag ID: #249310
Bewertung:
(5849 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo,

wo ist da was transparent?

als Antwort auf: [#249282]

visuell transparente navigation

coastline

Beiträge gesamt: 162

6. Sep 2006, 21:48
Beitrag # 3 von 14
Beitrag ID: #249312
Bewertung:
(5848 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

hallo

je nach hintergrundbild, sieht die navigation (vertikal) anders aus, und der hintergrund schimmert durch die weissen navigationselemente.

grüsse, coastline

als Antwort auf: [#249310]

visuell transparente navigation

Dirk Levy

Beiträge gesamt: 9464

6. Sep 2006, 22:02
Beitrag # 4 von 14
Beitrag ID: #249319
Bewertung:
(5844 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Über CSS geht das zu machen,
ist aber nicht Browserstabil, d.h.
es geht nur in wenigen Browsern...

Sonst mit Flash oder Bild...

als Antwort auf: [#249312]

visuell transparente navigation

SabineP

Beiträge gesamt: 7586

6. Sep 2006, 22:09
Beitrag # 5 von 14
Beitrag ID: #249320
Bewertung:
(5841 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

29 Fehler in der CSS-Datei:

http://jigsaw.w3.org/...Foverview_tamora.php

Wenn das in einem Browser funktioniert, dann nur mit viel Glück.

Gruß Sabine

als Antwort auf: [#249319]

visuell transparente navigation

coastline

Beiträge gesamt: 162

6. Sep 2006, 22:12
Beitrag # 6 von 14
Beitrag ID: #249322
Bewertung:
(5837 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

vielen dank für die antworten.

wie würde man dies beispielsweise in css erstellen?

als Antwort auf: [#249320]

visuell transparente navigation

Dirk Levy

Beiträge gesamt: 9464

6. Sep 2006, 22:16
Beitrag # 7 von 14
Beitrag ID: #249324
Bewertung:
(5836 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Wozu willst Du das wissen? Es ist nicht Browserstabil,
also ich würde das nicht einsetzen....

als Antwort auf: [#249322]

visuell transparente navigation

loethelm

Beiträge gesamt: 6029

6. Sep 2006, 23:05
Beitrag # 8 von 14
Beitrag ID: #249328
Bewertung:
(5832 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo,

ich hab nicht umsonst gefragt.
Safari zeigt das nicht transparent.
Wenn du das machen willst, musst du Bilder einsetzen.

als Antwort auf: [#249324]

visuell transparente navigation

ganesh

Beiträge gesamt: 1981

7. Sep 2006, 01:26
Beitrag # 9 von 14
Beitrag ID: #249339
Bewertung:
(5821 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Antwort auf [ coastline ] wie erstellt man eine transparente navigation, wie sie bei tvr zu finden ist?

Schau doch einfach den Quellcode an... das ist ja das schöne an HTML.

.shadow3 {
background-color:#A5A5A5;
filter: alpha(opacity=20);
-moz-opacity:.20;
opacity: .20;
}

Mit einem Minimum-Englisch-Wortschatz, CSS-Wissen oder Google hättest du schnell herausgefunden, was "opacity" ist :)

Es ist mit immerhin ~95% aller modernen Browser sichtbar (Firefox, IE). Also keine Katastrophe, wenn die anderen halt keine Teil-Transparenz sehen. YMMV :)

als Antwort auf: [#249282]
(Dieser Beitrag wurde von ganesh am 7. Sep 2006, 01:30 geändert)

visuell transparente navigation

coastline

Beiträge gesamt: 162

7. Sep 2006, 16:06
Beitrag # 10 von 14
Beitrag ID: #249595
Bewertung: |||||
(5799 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

---
zitat ganesh:
" Mit einem Minimum-Englisch-Wortschatz, CSS-Wissen oder Google hättest du schnell herausgefunden, was "opacity" ist "

hier scheint ja jemand wirklich minderwertigkeitskomplexe zu haben, wenn sich jemand auf solche art und weise etwas beweisen muss.

sorry ganesh, mit solchen bemerkungen bist du in diesem forum am falschen ort!
---

gruss, coastline

als Antwort auf: [#249339]

visuell transparente navigation

loethelm

Beiträge gesamt: 6029

7. Sep 2006, 16:14
Beitrag # 11 von 14
Beitrag ID: #249600
Bewertung:
(5795 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo coastline,

wenn dir der Ton von ganesh nicht gefällt, ist das das eine.

Aber der Inhalt der Aussage ist ja zutreffend, oder? Und passt außerdem zum Motto "HilfDirSelbst" ;-)
Das kann man selbst herausfinden und lernt dabei eine ganze Menge. Wenn dann Fragen offen bleiben, meckert keiner, wenn diese gestellt werden.

als Antwort auf: [#249595]

visuell transparente navigation

coastline

Beiträge gesamt: 162

7. Sep 2006, 16:41
Beitrag # 12 von 14
Beitrag ID: #249610
Bewertung:
(5787 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

hallo loethelm

hmm ist aus meiner sicht komplex umzusetzen, wie würde man nun diese alpha-werte konkret in das script implementieren, welches ich im anhang beigefügt habe?

grüsse, coastline

Code

 
<!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"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Unbenanntes Dokument</title> 
<style type="text/css"> 
 
#navibox ul { 
margin: 0; 
padding: 0; 
list-style-type: none; 
} 
 
#navibox a { 
	display: block; 
	color: #6F6F6F; 
	background-color: #EDEDED; 
	width: 16em; 
	padding: .4em 1em; 
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
} 
 
#navibox a:hover { 
background-color: #E4E4E4; 
color: #666666; 
} 
 
#navibox li { margin: 0; } 
 
#Layer1 { 
	position:absolute; 
	left:144px; 
	top:114px; 
	width:180px; 
	height:141px; 
	z-index:2; 
} 
</style> 
</head> 
 
<body> 
<div id="Layer1"> 
  <div id="navibox"> 
    <ul> 
      <li><a href="#">CURRENT MODEL </a></li> 
      <li><a href="#">DEALER LOCATOR </a></li> 
      <li><a href="#">APPROVED</a></li> 
      <li><a href="#">FINANCIAL SERVICES </a></li> 
      <li><a href="#">PERFORMANCE</a></li> 
	  <li><a href="#">MOTORSPORT</a></li> 
	  <li><a href="#">ANNOUNCEMENTS</a></li> 
	  <li><a href="#">CONTACT</a></li> 
    </ul> 
</div></div> 
 
</body> 
</html>

als Antwort auf: [#249600]

visuell transparente navigation

loethelm

Beiträge gesamt: 6029

8. Sep 2006, 11:12
Beitrag # 13 von 14
Beitrag ID: #249763
Bewertung:
(5748 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo,

ich würds mal da

Code

#navibox li { margin: 0; }

oder in einem neuen Element

Code

#navibox li a{  }

probieren.

als Antwort auf: [#249610]

visuell transparente navigation

coastline

Beiträge gesamt: 162

9. Sep 2006, 11:49
Beitrag # 14 von 14
Beitrag ID: #249939
Bewertung:
(5737 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

hallo loethelm

vielen dank für die antwort, hat geklappt :-)

einzig, beim firefox sieht die darstellung noch etwas anders aus. muss mich demnach noch etwas eingehender mit css beschäftigen, damit ich diese differenzen beheben kann resp. aus dem quellcode entnehmen kann.

toll! gruss, coastline

als Antwort auf: [#249763]

Aktuell

Web / SEO / Blockchain / Betriebssystem

Schutz vor Fake-Shops mit Verbraucherschild.de

| 24.11.2023

Weitere Events

Neuste Foreneinträge

Mit Preflight Registerfarbe ALL nach Grau konvertieren geht nicht

Absatzsetzer in CC24 ME lösen Probleme aus

Quark Objekte lassen sich nicht neben Layout ziehen.

Barrierefreie PDFs | Mögliche unangebrachte Verwendung des Strukturelements xy

Barrierefreiheit in indesign 2022: figure-Tags haben als Attributobjekt "block" statt "inline"?

Kontrollkästchen in PDF-Formular

Indesign Tabelle ausrichten

Mehrfach geschichtete und übereinander gelagerte PDFs bereinigen

InDesign 19.2 konvertiert 19.3-Dateien beim Öffnen ungefragt

Platzierte Vektorgrafiken skalieren

Weitere Stellenangebote