Beiträge von djheke

djheke

Versuch's mal so

Code

.info-block {   
 text-align:center;
 background: #f9f9f9;    
 border:1px solid #e1e1e1;    
 font-size:27px;    
 color: #888;    
}




.info-block h3 {
 display:inline-block;
 padding:10px 50px;
 background:url(feuerwehr.svg) no-repeat left center #ada;
 background-size:50px 50px;
}
 <div class="info-block"><h3>Dies ist ein Infoblock <br>Schicke uns eine Email</h3></div>

Alles anzeigen

djheke

Jetzt verstehe ich, was du willst. Du möchtest wohl die Inhalte deiner PDF-Dateien sofort anzeigen lassen.

Ich habe es mal mit preview versucht. Ist zwar nicht das was du willst, aber es geht so. Allerdings kann es bei sehr vielen und sehr großen Dateien zum Geduldspiel werden. Somit macht es aus meiner Sicht keinen Sinn.

Code

%import shlex, unicodedata, os
<div class="search-result">
    %number = (query['page'] - 1)*config['perpage'] + i + 1
    <div class="search-result-number"><a href="#r{{d['sha']}}">#{{number}}</a></div>
    %url = d['url'].replace('file://', '')
    %for dr, prefix in config['mounts'].items():
        %url = url.replace(dr, prefix)
    %end
    <div class="search-result-title" id="r{{d['sha']}}" title="{{d['abstract']}}">
    <a href="download/{{number-1}}?{{query_string}}">{{d['label']}}</a>
    </div>
    %if len(d['ipath']) > 0:
        <div class="search-result-ipath">[{{d['ipath']}}]</div>
    %end
    %if d.has_key('author') and len(d['author']) > 0:
        <div class="search-result-author">{{d['author']}}</div>
    %end
    <div class="search-result-url">
        %urllabel = os.path.dirname(d['url'].replace('file://', ''))
        %for r in config['dirs']:
            %urllabel = urllabel.replace(r.rsplit('/',1)[0] + '/' , '')
        %end
        <a href="{{os.path.dirname(url)}}">{{urllabel}}</a>


    </div>




%if hasrclextract:
<style>
.search-result-links { color: #aaf; font-size: 8pt; float: left; margin-right: 1em; display:none; }
.search-result:hover > .search-result-links { display:block; }
embed { background:#eee;}
</style>


    <div class="search-result-links">
    <embed src="preview/{{number-1}}?{{query_string}}" width="1000" height="400" type='application/pdf'>
    <a href="preview/{{number-1}}?{{query_string}}" target="_blank">Preview</a>
    </div>


%end
    <div class="search-result-date">{{d['time']}}</div>
    <div class="search-result-snippet">{{!d['snippet']}}</div>


</div>
<!-- vim: fdm=marker:tw=80:ts=4:sw=4:sts=4:et:ai
-->

Alles anzeigen

djheke

Kann nur vermuten, dass du ein Wbserver (Apache) installiert hast. Wenn dem so ist müssen die localen Dateien im /var/www/html/ liegen

Ist aber nur eine Vermutung.

@edit: Habe hier noch was gefunden. Vielleicht hilft es dir weiter

http://www.pb-powerboard.com/board/index.ph…-12#entry299815

djheke

Also bei mir klappt deine Methode mit offline PDF's.
Weiß aber nicht was ein localhost mit python bedeutet

djheke

Bei Peek & Cloppenburg muss man mittlerweile die Social-Media-Dienste explizit aktivieren. Aber wie das funktioniert. Keine Ahnung.

djheke

Negative Außenabstände sind nicht zu empfehlen

djheke

Guck dir den Quelltext genau an.
http://www.gipspferd.de/forumhilfe/vid…nden/video.html

djheke

Hast du auch alle benötigten Scripte?

Code

<script src="jquery.js"></script>
<script src="jquery.mobile-1.4.0.min.js"></script>
<link rel="stylesheet" href="jquery.mobile-1.4.0.min.css">

Pfade musst du natürlich anpassen.

djheke

Nun, übertreibe mal nicht.

djheke

Probier mal

Code

body {
        font: normal 1em Helvetica, Arial, sans-serif;
        background-color:#000000;
        background:url(bgrep.png) repeat-x;
}
nav { width: 500px;
      height: 100px;
      padding: 0px;
      border: 0px solid black;
      margin:0px auto;
}




h1 {
  color:orange;   /* Farbe orange */
  font-size:28pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif; /* Schriftart */
  text-align:center;
}




nav ul {
        margin: 0;
        padding: 0;
        text-align: center;
}


nav li {
        list-style: none;
        float: left;
        width: 80px;
        position: relative;
        margin: 0.5em;
        padding: 0;
}


nav ul ul {
         position: absolute;
         top: -99999em;
}


nav ul ul li {
        float: none;
        display: block;
}


 nav a,
nav span {
        font-size: 13px;
        display: block;
        padding: 0.3em;
        text-decoration: none;
        font-weight: bold;
        border: 1px solid green;
        border-radius: 10px 5px 10px 5px;
        color: green;
        background-color: black;
        -webkit-transition: all .25s ease-in;
        transition: all .25s ease-in;
}


  nav a {
      transition: background-color .25s ease-in;
  }


  nav a:focus, nav a:hover, nav span {
    color: black;
    background-color: green;
    transition: background-color 0.01s;
  }




nav ul li:hover ul {
  font: inherit;
  top:auto;
  z-index:99;
}

Alles anzeigen

djheke

Wie rufst du denn deine Formulardatei auf?

djheke

Vielleicht Drop-Down-Navi? Aber zeig doch mal, was du schon hast.

djheke

Und wo ist der Link zu deiner Seite? Ohne Quelltext kann hier niemand helfen.

djheke

Guck mal, ob es für dich so ausreicht.
http://www.gipspferd.de/CSS-Anleitunge…ntal-zentrieren

djheke

Vielleicht liegt es an einem PHP-Script. Dein Passwortinputfeld wird komplett überschrieben.

djheke

Es wird wohl am Header-Konstrukt liegen. Das hätte dir eigentlich auffallen müssen, da du ja gezwungen bist overflow-x:hidden zu verwenden.
Du solltest die entsprechenden CSS-Regeln abändern. Am einfachsten wäre es mit Flex-Box zu lösen.

djheke

Dann poste doch dein bisheriegen kompletten Code.
Wenn nicht dann füge diese Deklarationen ein und test ob es funktioniert.

Code

html {
 background:#000;
}
body { 
 padding:10px 10px 10px 0px;
 margin:0 auto;
 background:#aaa;
 height:800px;
 width:800px;
 position:relative;
}
#player_a,#player_b {
 float:left;
 margin-left:10px;
}

Alles anzeigen

HTML

Code

<div id="player_a" class="projekktor"></div>
<script type="text/javascript">
$(document).ready(function() {
projekktor('#player_a', {
poster: 'media/intro.png',
title: 'this is projekktor',
playerFlashMP4: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
playerFlashMP3: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
width: 390,
height: 220,
playlist: [
{
0: {src: 'media/intro.ogv', type: 'video/ogg'},
1: {src: 'media/intro.mp4', type: 'video/mp4'},
2: {src: 'media/intro.webm', type: 'video/webm'}
}
]
}, function(player) {} // on ready
);
});
</script>


<div id="player_b" class="projekktor"></div>
<script type="text/javascript">
$(document).ready(function() {
projekktor('#player_b', {
poster: 'media/intro.png',
title: 'this is projekktor',
playerFlashMP4: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
playerFlashMP3: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
width: 390,
height: 220,
playlist: [
{
0: {src: 'media/intro.ogv', type: 'video/ogg'},
1: {src: 'media/intro.mp4', type: 'video/mp4'},
2: {src: 'media/intro.webm', type: 'video/webm'}
}
]
}, function(player) {} // on ready
);
});
</script>

Alles anzeigen

djheke

Ein Link zur Seite wäre besser.
Vielleicht braucht #player_a noch ein float:left; und width:50%;

djheke

Probier mal, was du davon gebrauchen kannst.

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>menü</title>
<style>
* {
 margin:0;
 padding:0;
 border:none;
 text-decoration:none;
 list-style:none;
 font-size:1em;
}


nav {
 width:70%;
 height:2rem;
 margin:0 auto;
}


/* Wenn's nicht mitscrollen soll*/


ul {
 position:fixed; 
 background:#eee;
 height:2rem;
 width:70%;
}


/* Wenn's scrollen soll*/
ul {
 position:static;
 background:#eee;
 height:2rem;
 width:100%;
 float:left;
}


li {
 float:left;
 width:33.334%;
}


a {
 display:block;
 line-height:2rem;
 border:1px solid #000;
 text-align:center;
}


section {
 width:70%;
 margin:0 auto;
 height:1000px;
 background:#ada;
}


#fb {
 float:left;
 position:fixed; /* Scrollt nicht */
}
</style>
</head>
<body>
<div id="fb">facebook</div>
<nav>
<ul id="navi">
 <li><a href="">Home </a></li>
 <li><a href="">About</a></li>
 <li><a href="">Impressum</a></li>
</ul>
</nav>
<section>
<h1>Homepage</h1>
</section>
 </body>
</html>

Alles anzeigen

djheke

Was nun. Soll das Menü mitscrollen oder nicht?

Beiträge von djheke

Text mittig ausrichten und Bild vorstellen - Ich verzweifle

Lokale Datei auf locahost anzeigen

Lokale Datei auf locahost anzeigen

Lokale Datei auf locahost anzeigen

Datenschutzproblematiken bei Social-Media-Buttons & Gegenmaßnahmen

Menü in die Mitte (center)

Video einbinden

Video einbinden

css menu auf andere ebene

css menu auf andere ebene

<form> lädt die in action definierte Datei herunter statt sie aufzurufen

Image Slider / Menu Slider / Auswah Menu

Hilfe, Header wird durch CSS verschoben

Menü in die Mitte (center)

Autologin

overflow-x: hidden wird nicht anerkannt

2 Videos nebeneinander

2 Videos nebeneinander

Mneü zentriert mitscrollen lassen

Mneü zentriert mitscrollen lassen