Beiträge von djheke
-
-
Nimm mal den hier content: "\2981"; Der ist etwas größer.
Oder du nimmst ein Stern. content: "\2605"; -
versuch mal den Punkt als HEX-Zahl anzugeben. Hat auf deiner Seite funktioniert.
content: "\2022"; -
Funktioniert doch alles! FF O GC
-
Oder so vielleicht. Wie sich das in WP einbinden lässt, weiß ich nicht..
PHP<?php $tabelle = file_get_contents("https://bhv-handball.liga.nu/cgi-bin/WebObjects/nuLigaHBDE.woa/wa/groupPage?championship=BHV+2015%2F16&group=197066"); preg_match_all("#<table(.*)>(.*)</table>#s",$tabelle,$ergebnis); $str=str_replace(' href="',' href="https://bhv-handball.liga.nu',$ergebnis[0][0],$str); $str=str_replace(' src="',' src="https://bhv-handball.liga.nu',$str,$str); echo "<h2>Tabelle</h2>"; echo $str; ?>
Solltest aber fragen, ob du das darft. -
-
Na, vielleicht ist ja der Ursprung hier zu suchen?!
https://www.webcodegeeks.com/javascript/jqu…ordion-example/ -
Wenn du als Hobby HTML-Seiten erstellst, dann sollten die Grundlagen für dich doch kein Problem sein.
-
Wohl kaum.
-
Versuch's mal. Vielleicht funktioniert's auch mit max-height und ohne :nth-child.
HTML
Alles anzeigen<!DOCTYPE HTML> <html> <head> <style type="text/css"> * { margin:0; padding:0; list-style:none; text-decoration:none; box-sizing:border-box; } nav { float:left; width:100%; background:#000; } nav li { float:left; position:relative; padding:0 30px; } nav a { display:block; color:#fff; padding:10px; } nav ul ul { position:absolute; top:auto; left:0; background:#a33; overflow:hidden; height:0; transition:height .4s; } nav ul ul li { display:block; } nav ul li:nth-child(1):hover ul { height:300%; } nav ul li:nth-child(2):hover ul { height:800%; } </style> <title></title> </head> <body> <nav> <ul> <li><a href="#">Menuitem1</a> <ul> <li><a href="#">Submenu-Item1</a></li> <li><a href="#">Submenu-Item2</a></li> <li><a href="#">Submenu-Item3</a></li> </ul> </li> <li><a href="#">Menuitem2</a> <ul> <li><a href="#">Submenu-Item1</a></li> <li><a href="#">Submenu-Item2</a></li> <li><a href="#">Submenu-Item3</a></li> <li><a href="#">Submenu-Item4</a></li> <li><a href="#">Submenu-Item5</a></li> <li><a href="#">Submenu-Item6</a></li> <li><a href="#">Submenu-Item7</a></li> <li><a href="#">Submenu-Item8</a></li> </ul> </li> <li><a href="#">Menu-Item3</a></li> <li><a href="#">Menu-Item4</a></li> </ul> </nav> </body> </html> -
Crossposting!
Stellt bitte die Fragen in NUR einem Forum.
https://www.html.de/threads/video-…terladen.56074/ -
Na hast du auch deine Funktion geändert? Es sieht so aus, als sind bei dir noch Reste der Nullen zu sehen.
function createSliderPagination(container){
var wrapper = $('<ol class="cd-slider-navigation"></ol>');
container.children('.cd-slider').find('li').each(function(index){
var dotWrapper = (index == 0) ? $('<li class="selected"></li>') : $('<li></li>'),
dot = $('<a href="#0"></a>').appendTo(dotWrapper);
dotWrapper.appendTo(wrapper);
//var dotText = ( index+1 < 10 ) ? '0'+ (index+1) : index+1; <--ORIGINAL
var dotText = ( index+1 < 10 ) ? (' ') : index+1; // <--GEÄNDERT
dot.text(dotText);
});
wrapper.appendTo(container);
return wrapper.children('li');
}Es würde auch ohne diese Änderung gehen, aber so ist es am einfachsten.
Hier die only CSS Variante
Code
Alles anzeigen@media only screen and (min-width: 900px) { .cd-slider-navigation li.selected a { background-color: #222; color: #f3b96c; } .cd-slider-navigation a { display: block; height:40px; width: 40px; line-height: 40px; text-align: center; color: #fff; border-radius:0; background:#222; /* image replacement */ white-space: nowrap; text-indent: 100%; overflow: hidden; border: 1px solid #ffffff; position:relative; } .cd-slider-navigation li:nth-child(1) a:before { content:"<"; position:absolute; left:0; right:0; font-weight:bold; font-size:4rem; text-indent: 0%; } .cd-slider-navigation li:nth-child(2) a:before { content:">"; position:absolute; left:0; right:0; font-weight:bold; font-size:4rem; text-indent: 0%; } } -
Guck mal hier, vilt reicht es dir ja völlig aus. http://foto-kiste365.blogspot.de/
-
Habe mich mal versuch.
Code
Alles anzeigenfunction createSliderPagination(container){ var wrapper = $('<ol class="cd-slider-navigation"></ol>'); container.children('.cd-slider').find('li').each(function(index){ var dotWrapper = (index == 0) ? $('<li class="selected"></li>') : $('<li></li>'), dot = $('<a href="#0"></a>').appendTo(dotWrapper); dotWrapper.appendTo(wrapper); //var dotText = ( index+1 < 10 ) ? '0'+ (index+1) : index+1; var dotText = ( index+1 < 10 ) ? (' ') : index+1; // geändert dot.text(dotText); }); wrapper.appendTo(container); return wrapper.children('li'); }CSS
Code
Alles anzeigen@media only screen and (min-width: 900px) { .cd-slider-navigation { padding: 0.5em 1em; background-color: rgba(0, 0, 0, 0.8); /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */ -webkit-transform: translateZ(2px) translateX(-50%); -moz-transform: translateZ(2px) translateX(-50%); -ms-transform: translateZ(2px) translateX(-50%); -o-transform: translateZ(2px) translateX(-50%); transform: translateZ(2px) translateX(-50%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-slider-navigation.slider-animating { /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */ -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } .cd-slider-navigation a { height: 40px; width: 40px; line-height: 40px; text-align: center; /* reset style */ text-indent: 0; border: none; border-radius: 0; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-slider-navigation li.selected a { background-color: transparent; color: #f3b96c; } /* Hier neu einfügen */ .cd-slider-navigation li:nth-child(1) a:before { content:"<"; font-weight:bold; font-size:4rem; } .cd-slider-navigation li:nth-child(2) a:before { content:">"; font-weight:bold; font-size:4rem; } } -
-
Bei zwei Bilder und wenn du ansonsten kein jQuery benötigst, kannst du es auch mit CSS3 umsetzen
-
-
Googel mal nach HTML5/CSS3.
-
So?
HTML
Alles anzeigen<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Beispieltext1</title> <style> .infobox { background:#09c; display:inline-block; } .infobox a { color:#fff; text-decoration:none; padding:10px 0 10px 10px; } .infobox img { height:50px; display:inline-block; vertical-align:middle; background:#0c9; margin-left:10px; } </style> </head> <body> <div class="infobox"><a href="">LinkText<img src="bild.png" alt=""></a> </body> </html> -
PHP
Alles anzeigen$ServerList = array( "Server1" => "**********", "Port1" => "10011", "Name1" => "Teamspeak 3 Server", "Server2" => "**********", "Port2" => "27150", "Name2" => "Ark Server", "Server3" => "**********", "Port3" => "25000", "Name3" => "CS:Go Training" ); for ($i = 1; $i <= (count($ServerList)/3); $i++) { $Server = $ServerList['Server'.$i]; $Port = $ServerList['Port'.$i]; $Name = $ServerList['Name'.$i]; echo '<center><b style="color:#fff">'.$Name.'</b></center>';Übrigens, hat gastl völlig recht und es ist keine schlaue Antwort!
