als sonst.
Denn in meines 3 Webseiten waren die Symbole für Editor, Titel oder jenes, für Bilder immer auf der Linke Seite. Nun ist es plötzlich rechts. Und das Gallerysymbol erscheint nur jener Pfeil, der das Bild eins nach rechts verschieben würde.
Ich habe ein Bild eingefügt.
Das Problem mit dem icon, die Rechts sind, ist nur dann, wenn ich keinen Titel setzte. Denn dann geht der Text (Block) bis zum Rand und damit überlagert es das Symbol, sodass es nur schwerlich erreichbar ist (zwischen Lücke der Buchstaben).
Und das Gallery-Symbl scheint hinter was zu sein... Nun bin ich ratlos
Ich setze hier den Code, da die Seite nicht online ist.
Es wäre nett, wenn jemand den Code anschauen könnte. Danke.
Und die CSS Datei
Denn in meines 3 Webseiten waren die Symbole für Editor, Titel oder jenes, für Bilder immer auf der Linke Seite. Nun ist es plötzlich rechts. Und das Gallerysymbol erscheint nur jener Pfeil, der das Bild eins nach rechts verschieben würde.
Ich habe ein Bild eingefügt.
Das Problem mit dem icon, die Rechts sind, ist nur dann, wenn ich keinen Titel setzte. Denn dann geht der Text (Block) bis zum Rand und damit überlagert es das Symbol, sodass es nur schwerlich erreichbar ist (zwischen Lücke der Buchstaben).
Und das Gallery-Symbl scheint hinter was zu sein... Nun bin ich ratlos
Ich setze hier den Code, da die Seite nicht online ist.
Es wäre nett, wenn jemand den Code anschauen könnte. Danke.
- <?php // WebYep init WebYepV1
/* ><table><tr><td bgcolor=white><h2>WebYep message: Error, PHP inactive</h2>
<font color=red>The PHP code in this page can not be executed!<ul>
<li>Are you launching this page directly form your harddisc (e.g. via Dreamweavers
"Preview in Browser" instead of accessing it via a webserver?</li>
<li>Has this file the correct file extension for PHP scripts?
WebYep pages must have the ".php" extension and <b>not</b> ".html" or ".htm"!</li>
</ul></font></td></tr></table><!--
*/
$webyep_sIncludePath = "./";
$iDepth = 0;
while (!file_exists($webyep_sIncludePath . "webyep-system")) {
$iDepth++;
if ($iDepth > 10) {
error_log("webyep-system folder not found!", 0);
echo "<html><head><title>WebYep</title></head><body><b>WebYep:</b> This page can not be displayed <br>Problem: The webyep-system folder was not found!</body></html>";
exit;
}
$webyep_sIncludePath = ($webyep_sIncludePath == "./") ? ("../"):("$webyep_sIncludePath../");
}
if (file_exists("${webyep_sIncludePath}webyep-system/programm")) $webyep_sIncludePath .= "webyep-system/programm";
else $webyep_sIncludePath .= "webyep-system/program";
include("$webyep_sIncludePath/webyep.php");
// -->?>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="expires" content="0">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="content-language" content="de">
<meta http-equiv="pragma" content="no-cache">
<title>Herzlich Willkommen beim Hotelgasthof Zur Sonne, Bad Gögging</title>
<meta name="author" content="Romano Casanova">
<meta name="description" content="Nächtigen im Hotel Zur Sonne, Bad Gögging. Geniessen Sie Termalwasser, Schwefel und Moor.">
<meta name="keywords" content="Hotel Zur Sonne, Hotel Sonne, Bad Gögging, Gasthof Zur Sonne, Gasthof Bad Gögging, Übernachtung in Bad Gögging, Günstige Übernachtung,93333 Bad Gögging">
<meta name="date" content="2013-04-29">
<meta name="robots" content="all">
<meta name="author" content="Hotelgasthof Zur Sonne">
<meta name="copyright" content="Hotelgasthof Zur Sonne, Familie Haunschild Bad Gögging">
<meta name="designer" content="Romano Casanova">
<meta name="revisit-After" content="1 days">
<meta name="distribution" content="global">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Place favicon.ico root directory -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/styles.css" type="text/css">
<!-- include js -->
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<script src="js/vendor/jquery-1.9.1.min.js"></script>
<script src="js/jquery.cycle2.min.js"></script>
<!-- === Abfrage Browser kompatibilität === -->
<script type="text/javascript">
var $buoop = {vs:{i:8,f:6,o:10.6,s:4,n:9}}
$buoop.ol = window.onload; window.onload=function(){
try {if ($buoop.ol) $buoop.ol();}catch (e) {}
var e = document.createElement("script");
e.setAttribute("type", "text/javascript");
e.setAttribute("src", "http://browser-update.org/update.js");
document.body.appendChild(e);
}
</SCRIPT>
<!-- Script für Abfrage von Java -->
<script type="text/javascript">
function chkJsOK()
{
if(document.getElementById) {
document.getElementById("MitJS").style.display = "block";
document.getElementById("KeinJS").style.display = "none";
}
}
</script>
<!-- === Fonts === -->
<link href="http://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
</head>
<body onload="chkJsOK()">
<!-- site content -->
<div id="warpper">
<header>
<div id="title">
<img src="img/titelNeuSchrift.png" alt="Hotel Zur Sonne" />
</div>
<hgroup>
<div id="MitJS" style="display: none">
<div class="cycle-slideshow"
data-cycle-fx=fade
data-cycle-timeout=4000>
<img src="img/bild1.png" >
<img src="img/bild2.png" >
</div>
</div>
<div id="KeinJS" style="display: block">
<img src="img/bild1.png" >
</div>
</hgroup>
</header>
<nav id="menu-warp">
<ul id="menu">
<li><a href="index.php">Start</a></li>
<li id="aktiv"><a href="zimmer.php">Zimmer</a></li>
<li><a href="wellness.php">Kurangebot</a></li>
<li><a href="rest.php">Restaurant</a></li>
<li><a href="gallery.php">Impressionen</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="gb.php">Gästebuch</a></li>
<li><a href="impress.php">Imp</a></li>
</ul>
</nav>
<section>
<div id=""dame>
<img src="img/Dame.png" alt="dame" />
</div>
<article>
<div id="text">
<?php webyep_richText("Text der Zimmerseite", false, "", true); ?>
</div>
<div id="Zimmerbilder">
<?php webyep_gallery("Bilder der Zimmer", false, 60, 70, 3, 600, 700, 100); // WebYepV1 ?>
</div>
</article>
</section>
<div id="linie">
<img src="img/gelbeLinie.png" alt="Linie" />
</div>
<div id="maria">
<img src="img/marhintKl1.png" alt="Maria" />
</div>
</div>
<footer> <div class="logon"><?php webyep_logonButton(true); ?></div> </footer>
</body>
</html>
Und die CSS Datei
- /* @override
http://localhost/css/main.css */
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
color: #3d75f4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
#maria {
margin: 0 auto;
text-align: center;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
padding: 8px;
margin-top: 12px;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
html{
height: 100%;
background: url(../img/HintDunkBlau.png) repeat navy;
}
body{
height: 100%;
}
p{
color: #062d4e;
}
h1, h2, h3 {
color: #062d4e;
}
#titlegraf{
width: 990px;
position: relative;
top: 2px;
left: 35px;
height: 100%;
}
div#titlegraf img {
width: 96%;
padding-top: 0;
position: relative;
top: 7px;
}
div#title {
margin: 0;
padding-top: 0;
top: 0;
position: relative;
}
#warpper {
background: url(../img/HintHellBlau.png) repeat;
width: 1040px;
margin: 0 auto;
padding: 0;
}
nav#menu-warp {
margin: 0;
padding-top: 0;
padding-bottom: 4px;
height: 56px;
}
header {
padding: 0;
position: relative;
top: 3px;
left: 8px;
margin-bottom: 20px;
width: 990px;
margin-left: 12px;
}
tbody {
margin: 0;
padding: 0;
position: relative;
}
table.table {
width: 100%;
}
td {
width: 200px;
text-align: left;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
padding-right: 11px;
}
/* Beginn Artikel-Inhalt und Sidebar */
#warpper section img {
float: right;
margin-left:-999px;
}
section {
width: 1040px;
min-height: 836px;
height: 100%;
}
article {
background-color: rgba(222, 227, 229, 0.52);
-moz-box-shadow: inset 4px 4px 10px black;
-webkit-box-shadow: inset 4px 4px 10px black;
-o-box-shadow: inset 4px 4px 4px 10px black;
box-shadow: inset 4px 4px 10px black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius:10px;
border-radius: 10px;
width: 800px;
position: relative;
padding: 20px;
margin: 12px 0 20px 20px;
text-align: justify;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
text-shadow: 0 0 0;
height: 100%;
}
div#bild {
width: 303px;
position: absolute;
left: 737px;
}
div.cycle-slideshow img {
height: 400px;
width: 996px;
}
hgroup {
background-color: rgba(222, 227, 229, 0.52);
-moz-box-shadow: inset 4px 4px 10px black;
-webkit-box-shadow: inset 4px 4px 10px black;
-o-box-shadow: inset 4px 4px 4px 10px black;
box-shadow: inset 4px 4px 10px black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius:10px;
border-radius: 10px;
}
footer {
clear: both;
}
/* Formulareigenschaften */
a.dwflink:link {text-decoration: underline; color: #0000FF}
a.dwflink:visited {text-decoration: underline; color: #0000FF}
a.dwflink:hover {text-decoration: underline; color: #0000FF}
body {
}
.font-big {
font: 16px Verdana, sans-serif;
color: #7a1e1e;
}
.font-small {
font-family:Verdana, sans-serif;
font-size:10px; font-weight:normal;
}
.table {
width:90%;
}
.table2 {
width:100%;
}
.head {
}
.main {
color:#333333;
font: normal 15px Verdana, sans-serif;
}
td.main {
padding: 5px;
margin: 0;
}
.foot {
text-align: right;
padding-top: 26px;
padding-right: 173px;
}
.align {
text-align:right;
}
.textarea {
color:#333333;
border : 1px solid #B0E0E6;
border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
padding: 4px;
position:relative;
font: normal 16px Verdana, Helvetica, sans-serif;
-moz-box-shadow: inset 1px 2px 4px black;
-webkit-box-shadow: inset 1px 2px 4px black;
box-shadow: inset 1px 2px 4px black;
background-color: white;
}
.input {
background-color:#FFFFFF;
color:#333333;
border : 1px solid #B0E0E6;
border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
padding: 4px;
position:relative;
font: 16px Verdana, Helvetica, sans-serif;
-moz-box-shadow: inset 1px 2px 5px black;
-webkit-box-shadow: inset 1px 2px 5px black;
box-shadow: inset 1px 2px 5px black;
}
#linie {
top: -15px;
text-align: center;
}
.select {
background-color:#FFFFFF;
color:#333333;
font-family : Verdana, Helvetica, sans-serif;
border : 1px solid #B0E0E6;
font-size:12px;
border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
padding: 0;
position:relative;
}
.textarea:hover, .textarea:focus, .input:hover, .input:focus, .select:hover, .select:focus {
border : 1px solid #000000;
}
.button {
min-width: 130px;
}
.button_send {
min-width: 130px;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}