Beiträge von djheke

djheke

crossposting
https://www.html.de/threads/wie-ka…lbar-ist.55476/

djheke

Wurde hier schon beantwortet https://www.html.de/threads/div-ve…58/#post-377824

https://www.html.de/threads/div-ve…58/#post-377824

djheke

Dieses Zeichen nennt man Backtick und wird zum Ausführen von Systemanweisungen benötigt.

djheke

Warum nimmst du nicht meine korregierte Version. Denn, dass deine navi funktioniert ist nur ein Zufall und dein Border zu verdanken. Nimm dein Border testweise raus und du wirst merken, dass du an die Subnavi nicht ran kommst. Aber mach was du willst.

djheke

Border ist schon ok. Muss aber überschrieben werden.

Code

nav ul li ul {
position:absolute;
top:45px;
left:0;
background-color:#222;
color: #0EF676;
z-index:2;
height:0;
overflow:hidden;
border:none;
}




nav ul li:hover ul {
height:auto; 
opacity:1;
border-top:1px solid #222;
border-bottom:1px solid #222;
}

Alles anzeigen

Hier eine korrigierte Version der Navigation.

HTML

<!Doctype Html>
<html>
<head>




<meta charset="utf-8">
<title>Longboarden</title>


<style>


nav {
 margin:30px 100px 0 0;
  float:right;
}


nav ul {
 box-shadow:0px 0px 15px #111;
 border-radius:10px;
 background:#187F46;
}


nav ul , nav li {
 margin:0;
 padding:0;
 list-style:none;
 float:left;
}


nav ul li:first-child,
nav ul li:first-child strong {
border-radius:10px 0 0 10px ;
}


nav ul li:last-child,
nav ul li:last-child strong {
border-radius:0 10px 10px 0;
 border-right:none;
}


nav li {
 float:left;
 position:relative;
 border:1px #222;
 border-style:solid solid none none;
}


nav a , nav strong {
 display:block;
 padding:10px 25px;
 color:#fff;
 text-decoration:none;
}


nav  strong {
 background:#0EF676;
 color:#222;
}


nav li:hover {
 background:#0EF676;
}


nav li ul {
 position:absolute;
 top:-99999em;
 padding:15px 0 0 0;
 background:none;
 box-shadow:none;
}


nav li ul:before {
 content:"";
 position:absolute;
 top:15px;
 left:0;
 right:0;
 bottom:0px;
 background:#187F46;
 box-shadow:0 0 10px #111;
 border-radius:10px;
}


nav li li {
 margin:0;
 padding:0;
 float:none;
 background:#187F46;
 border:none;
} 


nav li li:first-child, 
nav li li:hover:first-child  {
border-radius:10px 10px 0 0; 
}


nav li li:last-child, 
nav li li:hover:last-child  {
border-radius:0 0 10px 10px;
}


nav li li a {
 padding:10px;
}


nav li:hover ul {
 top:auto;
}
</style>
</head>




<body>


<nav>
<ul>
<li><strong>Home</strong></li>
<li> <a href = "../ÜberMich/ÜberMich.html"> Über mich</a>
<li> <a href = "../Tipps/Tipps.html"> Tipps </a>
<ul>
<li> <a href = "../Tipps/Kaufempfehlungen.html"> Kaufempfehlungen </a> </li>
<li> <a href = "../Tipps/Tricks.html"> Tricks </a> </li>
<li> <a href = "../Tipps/Tests.html"> Tests </a> </li>
<li> <a href = "../Tipps/Sonstiges.html"> Sonstiges </a> </li>
</ul>
</li>
<li> <a href = "../News/News.html"> News </a> </li>
<li><a href = "../Tipps/blog.html">  Blog </a></li>
</ul>
</nav>


</body>
</html>

Alles anzeigen

djheke

die rauten müssen weg. color:blue

djheke

Du suchst Media Queries. Google ist dein Freund.

djheke

Na dann mach es doch so.
<a href="/open/office/cdcover-openoffice.doc">Download</a>

a[href]:after { content:" (http://ben-peters.de"attr(href)")";}

djheke

hat wohl doch mit einer Klasse geklappt!

djheke

irgendwie komme ich nicht mit. Am besten du zeigst mal deine relativen Pfade.

djheke

na, sollen pdf's erstellt werden mit anklickbare links?

djheke

a[href]:after { content:" (http://www.meinedomain.de/"attr(href)")";}

djheke

link zur seite ist besser.

djheke

HTML

@media print {


a { color:#000;}
a.printfooter-link { color:#ada;}
a[href]:after {  content:" ("attr(href)")";}
a.printfooter-link:after { content:none;}
}

Sollte funktionieren

djheke

Gib deinem Grid-Container eine Klasse und wende die CSS-Regeln auf dieser an. Ein Link zur Seite wär besser.

djheke

Hallo,
gib dein div eine klassen (<div class="weiterleitung">) und wende deine css Regeln auf diese klasse an (.weiterleiting img { width:30px;} ) Sollte funktionieren.

djheke

Ja, dass sind die xt:Commerce Halsabschneider.

djheke

Code

.content {
width: 70%;
float: left;
border-left:2px solid #000;
box-sizing:border-box;


}

Es geht auch mit margin-left:-2px

Oder guckst hier mal. http://www.gipspferd.de/CSS-Anleitunge…taltungselement

djheke

Falsch

Code

[COLOR=#008000]<a>[/COLOR] href='Dokumente/14001/Anweisungen/Arbeitsanweisungen/AA02_Kesselhaus_H.pdf'>AA02_Kesselhaus_H.pdf[COLOR=#008000]</a>

Richtig

Code

[COLOR=#008000]<a[/COLOR] href='Dokumente/14001/Anweisungen/Arbeitsanweisungen/AA02_Kesselhaus_H.pdf'>AA02_Kesselhaus_H.pdf[COLOR=#008000]</a>[/COLOR][/COLOR][COLOR=#008000]

[/COLOR]

djheke

Code

.logo {
    float: left;
    margin-top: 17px;
  }

Die social Liste musst du noch etwas anpassen, also den margin-top auf ca. 20px setzen. Das ist der erste Wert z.Z. 17px

Beiträge von djheke

Wie kann ich ein audiofile einbinden, sodass es auch mobil spielbar ist?

div verschachtelt/vermischt sich ungewollt mit p

Verschiedene Apostrophe bei SELECT GREATEST

Dropdown Menu - CSS Problem

Dropdown Menu - CSS Problem

css link formatierung wird nicht übernommen....

Img ausblenden mobil

Verschiedene :after-Attribute bei Links im Print-CSS

Grid aus Bilder erstellen. CSS Einstellungen greifen nicht !?

Verschiedene :after-Attribute bei Links im Print-CSS

Verschiedene :after-Attribute bei Links im Print-CSS

Verschiedene :after-Attribute bei Links im Print-CSS

Bilder werden die ganze Zeit unscharf angezeigt

Verschiedene :after-Attribute bei Links im Print-CSS

Grid aus Bilder erstellen. CSS Einstellungen greifen nicht !?

Bilder werden die ganze Zeit unscharf angezeigt

Radio-Buttons auf Checkout Page lassen sich nicht auswählen

Flussiges Layout mit border

Pdf

CSS Problem mit fixierter Navigation an Bildrand