Brauche hilfe das logo wird auf jeden Bildschirm an eine andere stelle angezeigt+

Moses

Hallo bin neu hier,brauche dringend hilfe bin auch Anfänger.Leider kann ich noch nicht denn link zu verfügung stellen bin dabei.Aber die seite wird immer anders angezeigt.Auf 22 ok auf 17 oder 15 zoll ist das logo auf denn Button und die Gallerie erscheint auch weiter Rechts.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
<meta name="google-site-verification" content="MYWRPQNlN_KiWKWgEoTdiZz3yYmPSSyBtYGgaD8uMzo" >
<title>Fotostudio-Blickwinkel/Aktion/Hochzeitsfotograf Nordkirchen/Selm/Cappenberg</title>
<meta http-equiv="content-type" content="text/html;  charset=iso-8859-1">
<meta name="author" content="moissis">
<meta name="editor" content="html-editor phase 5">
<meta name="Publisher" content="www.fotostudio-blickwinkel.de">
<meta name="Copyright" content="www.fotostudio-blickwinkel.de">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta name="revisit-after" content="5 days">
<meta name="description" content="Hochzeitsfotografie Lünen , Passbilder Lünen,Bewerbungsbilder Werne ,Bewerbungsbilder Selm ,Bewerbungsbilder Südkirchen, Bewerbungfotos Lünen,Fotograf Nordkirchen,Fotograf Selm,Fotograf Lünen  Ihr Fotostudio  Ruhrgebiet" >
<meta name="keywords" content="Fotostudio,Blickwinkel,Cappenberg,Nordkirchen, Waltrop, Datteln, L?nen, Castrop, Rauxel, Brambauer, Mengede, Oer, Erkenschwick, Nette, Olfen, Selm, Finnum, Aktfoto, Portraitfoto, Hochzeitsfoto, Kinderfoto, Passfoto, Tierfotos">
<meta name="robots" content="index,follow">
<meta name="language" content="de">
</head>
<head> <body>
<link href="style.css" type="text/css" rel="stylesheet" />
<div id="navcontainer">
<ul id="navlist">
<li id="active">
<h1>
<li><a href="startseite.php">Startseite</a></li>
<li><a href="index.php">Aktion</a></li>
<li><a href="ueber Mich.php">Über Mich</a></h1></li>
<h5>
<li><a href="hochzeit.php">Hochzeit</a></li>
<li><a href="family-people.php">Family/People</a></li>
<li><a href="newborn.php">Newborn</a></h5></li>
<br>
<br>
<h2>
<li><a href="vorher-nachher.php">Vorher/Nachher</a></li>
<li><a href="dessous-nude.php">Dessous/Nude</a></li>
<li><a href="kids.php">Kids</a></li>
<li><a href="cats-dogs.php">Cats/Dogs</a></li>
<li><a href="bewerbungsfotos.php">Bewerbungsfotos</a></h2> </li>
<br>
<br>
<h6>
<li><a href="impressum.php">Impressum</a></li>
<li><a href="kontakt.php">Kontakt</a></h6></li>
</ul>
</div>
<p>
<div class="logo"><img src="bilder/logo-neu-2012.jpg" alt="" border="0" width="300" height="154"></div>
<div class="bgcolor2"> </div>
<div class="bgcolor0"> </div>
<span class="bgcolor3">


<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.sideswap.js"></script>
<script type="text/javascript">
$(window).load(function()
{
        $('#rotating-elements').sideswap({
                next : '<img src="next.png" />',
                previous : '<img src="prev.png" />',
                transition_speed : 100
        });
});
</script>
<div class="box1">
        <div id="rotating-elements">
                <div class="element-rotated">
                       <img src="bilder/1-nb.jpg" alt="" border="0" width="800" height="513">
                </div>
                <div class="element-rotated">
                     <img src="bilder/1 nbc.jpg" alt="" border="0" width="800" height="513">
                </div>
                <div class="element-rotated">
                     <img src="bilder/1-nb.jpg" alt="" border="0" width="800" height="513">
                </div>
                  <div class="element-rotated">
                     <img src="bilder/1 nbc.jpg" alt="" border="0" width="800" height="513">
                </div>
        </div>
                </div>
<h4> <a href="http://www.facebook.com/pages/Fotostudio-Blickwinkel/217249514996679?ref=mf" target="_blank"><img src="bilder/facebook.jpg" alt="" border="0" width="22" height="22" title="Unsere Facebook-Seite" alt="facebook icon"</h4></a>
<h3> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.fotostudio-blickwinkel.de&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:80px;" allowTransparency="true"></iframe><a href="http://www.qrcode-generator.de"></a></h3>
</body></head></html>

Alles anzeigen

CSS:

html {
width: 100%;
height: 100%;
}
body {
margin: 0px 0px 0px 0px;
width: 80%;
height: 80%;
background-color: #EFEFEF;
color: #000000;
font-family: Verdana;
font-size:5px;
background-image: ; no-repeat; margin:0px; padding:10px;
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
}
.logo{
position:absolute;
top:1%;
right: 30%;

}
.liste {background-color: #CCBBEE;}
.bgcolor0 {background-color: #4F4F4F;
position: absolute;
left: 450px;
top: 750px;
color: #FFFFFF;
font-size: 1.5em;
font-family:arial,"lucida console", sans-serif
}
.bgcolor1 {background-color: #BBAAEE;}
.bgcolor2 {background-color: #4F4F4F;
position: absolute;
left: 750px;
top: 150px;
color:black;
font-size:25pt;
font-family:arial,"lucida console", sans-serif;
}
.bgcolor3 {background-color: #6644AA;}
#navcontainer ul
{
margin: 0;
padding-top: 10px;
list-style-type: none;
text-align: center;
font-family: arial;
font-size: 15px;
height: 82px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 35px;
padding-left: 30px;
color: #4F4F4F;
background: url top left no-repeat;
width: 146px;
height: 82px;
}

#navcontainer ul li a:hover
{
color: #000000;
background-position: 0 -82px;
width: 146px;
height: 82px;
}
h1 {
position: absolute;
left: 250px;
top: 50px;
color:#BF0000;
font-size:12pt; /* Größe 28pt */
font-family:"Calibri" /* Schriftart */
background-color:#FF00FF
border-style: groove;
border-color:#00FFFF;
}
h2 {
position: absolute;
left: 330px;
top: 90px;
color:#BF0000;
font-size:10pt;
font-family:"Calibri"
background-color:#FF00FF
border-style: groove;
border-color:#00FFFF;
}
h3 {
position: absolute;
left: 550px;
top: 720px;
color:black;
}
h4 {
position: absolute;
left: 520px;
top: 720px;
color:black;
}
h5 {
position: absolute;
left: 580px;
top: 45px;
color:green;
font-size:10pt;
font-family:"Calibri"
background-color:#FF00FF
border-style: groove;
border-color:#00FFFF;
}
h6 {
position: absolute;
left: 650px;
top: 700px;
color:#BF0000;
font-size:10pt;
font-family:"Calibri"
background-color:#FF00FF
border-style: groove;
border-color:#00FFFF;
}
p {
position: absolute;
right: 100px;
top: 100px;
color:#000000;
font-size:12pt;
font-family:arial, "lucida console", sans-serif;
background-color:#FF00FF
border-style: groove;
border-color:#00FFFF;
}
.box {margin: 0;
padding-top: 10px;
list-style-type: none;
text-align: center;
font-family: arial;
font-size: 15px;
height: 82px;
}
.box1 {
position:absolute;
top:22%;
left: 30%;

}
.box2{
background-image:url(bilder/hintergrund+logo.jpg); background-repeat:no-repeat;
position:absolute; top:30px left:50px;
background-color:white; height:0px;
}
}
.box3 { position:absolute;
top:20%;
left: 20%;
background-color: #00FFAF;
border: 0px solid #9F0000;
border-radius: 3px 3px 3px 3px;
border-radius: 15px;
padding: 5px;
}
.box4 {
position: absolute;
left: 650px;
top: 360px;
border-radius: 25px 100px 100px 25px;
background-color: #9F9F9F;
border: 5px solid #FFFFFF;
padding: 5px;
}
.box5 {
position: absolute;
right: 550px;
top: 530px;
background-color: #FFFFFF;
border: 10px;
border-radius: 25px 100px 100px 25px;
padding: 5px;
}
.box6 {
position: absolute;
left: 650px;
top: 500px;
background-color: #99FF00;
border: 10px;
border-radius: 25px 100px 100px 25px;
padding: 5px;
}
.box7 {
position: absolute;
right: 550px;
top: 360px;
background-color: #FF0000;
border: 5px; solid #000000;
border-radius: 25px 100px 100px 25px;
border-radius: 15px;
padding: 5px;
}
.box8 {
position: absolute;
height:600px;
width: 700px;
left: 600px;
top: 250px;
font-family:Courier New;
font-size:12pt;
background-color: #FF0000;
border: 2px;
border-radius: 5px ;
padding: 5px;
}
.box9 {
position: absolute;
left: 650px;
top: 200px;
background-color: #DFDFDF;
border: 5px solid #000000;
border-radius: 15px
border-radius: 25px 100px 100px 25px;
padding: 5px;
}
.box10 {
position: absolute;
left: 150px;
top: 500px;
background-color: #99FF00;
border: 5px solid #000000;
border-radius: 15px
border-radius: 25px 100px 100px 25px;
padding: 5px;
}
.scrollbox {position: absolute;
right:620px;
top: 200px;
font-size:12pt;
font-family:Courier New;
background-color: #FFFFFF;
overflow: auto;
height: 550px;
width:650px;
color:#7F0000;
}
#container { margin:200px;right:450px; top:150%; width: 900px; }
#rotating-elements { background: #FFFFFF; border: #678; z-index: 5; padding: 0px; height: 450px; }
.element-rotated { height: 200px; color: #fff; width: 100%; }
.sideswap_nav { position: absolute; cursor: pointer; }
.sideswap_next {top:450px; bottom: 0px; left: 40px; z-index: 1000; }
.sideswap_previous {top:450px; bottom: 0px; left: 700px; z-index: 1000; }

form#kontaktformular {position: absolute;right:800px;top:300px; padding:10px; width:350px; background:#e7e7e7; border:10px #c4c4c4 solid;}
form#kontaktformular label { width:200px; height:22px; margin-top:5px; display:block; float:left; }
form#kontaktformular .eingabe { width:248px; height:20px; margin-top:5px; border:1px #c4c4c4 solid; float:left; }
form#kontaktformular .checkbox { margin-top:5px; float:left; }
form#kontaktformular textarea { width:248px; height:98px; border:1px #c4c4c4 solid; margin-top:5px; font-family:arial; font-size:12px; float:left; }
form#kontaktformular input.button { height: 23px; width: 98px; margin-top:10px; margin-left: 252px; background:#FFF; border:1px #c4c4c4 solid; }
form#kontaktformular br { clear:both; }
-->
Hilfeeeeeee ich danke euch und bitte nicht lachen wegen denn fehler sondern helfen deswegen gibt es ja diese seite hier Thanks

Ach so das ist jetzt auch der Link nur mit der index datei.

http://www.blickwinkel-fotograf.de/

Bandit

Zuerst einmal diese Fehler beseitigen: http://validator.w3.org/check?verbose=…-fotograf.de%2F

MrMurphy

Hallo,

ich denke eher, das der grundsätzliche Aufbau der Seite überdacht werden sollte. Bei mir mit blockiertem Java-Script öffnet sich die Seite z. B. folgendermassen:

Da aus Sicherheitsgründen und um sich vor nervigen Pop-Ups und ähnlichen Unsinn zu schützen viele Leute Java-Scripte blockieren sollte das bei der Erstellung einer (grade auch gewerblichen) Seite berücksichtigt werden.

Gruss

MrMurphy

Bandit

Zitat von MrMurphy

Da aus Sicherheitsgründen und um sich vor nervigen Pop-Ups und ähnlichen Unsinn zu schützen viele Leute Java-Scripte blockieren

Das war einmal, JavaScript ist heutzutage eher aktiviert als deaktiviert. Allerdings gebe ich dir insoweit recht, die Funktionalität einer Seite sollte nicht von JavaScript abhängig sein.

MrMurphy

Hallo,

komisch nur, das z. B. AddOns wie Adblock oder NoScript für den Firefox zu den meist heruntergeladenen zählen und meist unter den 5 höchstplazierten und bestbewerteten auftauchen. Aktuell z. B. mal wieder hier

http://www.chip.de/artikel/Firefo…d_45962822.html

Zitat

Das war einmal, JavaScript ist heutzutage eher aktiviert als deaktiviert.

Woher hast du denn deine Informationen? Ich habe das noch nie gelesen.

Gruss

MrMurphy

Bandit

Wenn du NoScript installiert hast, dann musst du normalerweise noch ein Feintuning durchführen. Komplett ohne JavaScript laufen mittlerweile viele Seiten garnicht mehr oder stark eingeschränkt

MrMurphy

Hallo,

Zitat

Komplett ohne JavaScript laufen mittlerweile viele Seiten garnicht mehr oder stark eingeschränkt

Das stimmt nicht. Dein "Feintuning" benötige ich in der Regel erst, wenn ich mit der Seite agieren will, also z. B. bei einem Händler eine Bestellung aufgeben möchte. Aber das ist ja kein Problem. Das Navigieren in seriösen Seiten funktioniert problemlos. Und dein "Feintuning" sind schlicht und einfach zwei Mouseklicks. Mir fehlt aber noch die Beantwortung der Frage

Zitat

Woher hast du denn deine Informationen?

Zumal du ja selbst schreibst

Zitat

Allerdings gebe ich dir insoweit recht, die Funktionalität einer Seite sollte nicht von JavaScript abhängig sein.

Gruss

MrMurphy

Bandit

Woher ich die Informationen habe? Ganz einfach. Ich arbeite tagtäglich am Computer, kenne daher sehr viele Leute, die das auch tun. Weiterhin habe ich in meinem Freundeskreis viele Computernutzer und auch einen Händler. Von allen wird mir bestätigt, dass sie selber JavaScript nicht deaktiviert haben und auch niemanden kennen, das das hat. Die Ansicht, dass JavaScript böse ist, hat sich im Laufe der letzten Jahre auch verändert, wie man hier und da auch mal z.B. bei chip.de lesen kann.

Und natürlich sage ich, eine Seite sollte nicht von JavaScript abhängig sein, aber das ignorieren immer mehr User.

Moses

Hallo,danke aber das problem mit der Validation habe ich mir schon angeschaut.Von 2 warnings und 38 fehler bin ich jetzt bei 0 warnings und 18 fehler die ich nicht verstehe?Also bei denn Button zeigt er mir an das an

<li><a href="startseite.php">Startseite</a></li> das nach dem <li>der zum schliessen nicht dahin gehört wenn ich denn doch wegmache kann man denn dann nicht mehr die startseite anklicken das zeigt er mir dann für alle an?Wer kann mir da weiter helfen?Aber was hat das alles mit der gallerie und das logo zu tun das es überall anders angezeigt wird?Dank

Bandit

Es fehlt ein <body>, die Angabe der CSS-Datei gehört in den Header. Die h*-Angaben gehören nicht in eine Liste.

Tags