Tabelle verschiebt sich bei Zoom

michag78 · 20. Mai 2015

Hallo,
mich hat ein Kunde auf etwas aufmerksam gemacht.
Ich habe eine Tabelle erstellt, bei Seitenerstellung, über die ganze Seite gezogen.
Das Bild (siehe Anhang Bild tabelle) mit den Händen und dem gelben Feld als Hintergrund eingefügt (das ist ein ganzes Bild)
Dann habe ich in die Tabelle Text geschrieben und das sind die Einstellungen (Bild tabelle-einstellungen)
Wenn der Kunde jetzt mit seinem Browser unterschiedlich Zoomt (größer und kleiner) verschiebt sich der Text von der Tabelle
in das Hintergrund Bild rein(siehe Bild tabelle-verschoben)
Wo liegt da der Fehler)

andy67 · 20. Mai 2015

Das dritte Bild geht nicht anklicken ! Außerdem kann man sich das auch Online anschauen und testen ?

michag78 · 20. Mai 2015

ich könnte einen Link einstellen, aber ich will eben nicht das Google oder jemand anderes auf die Seite aufmerksam wird, da sie noch nicht fertig ist

andy67 · 20. Mai 2015

Du kannst es in einen Unterordner raufspielen, dann findet Google die Seiten nicht ! Jedenfalls erst in ein paar Wochen, wenn viel Trafik ankommt !

michag78 · 20. Mai 2015

ok und kann man hier auch den link "verstecken" das nicht jeder ihn sehen kann?

Frex · 20. Mai 2015

Ich glaub das gar nicht...dies ist ein Help Forum und keine 'Personal Trainer Agency ' !

andy67 · 20. Mai 2015

Verstecken kann man es mit dem letzten Symbol (Dreieck, Rufzeichen) zwischen "hide" Dann sehen es nur angemeldete Benutzer !

Du kannst den LINK auch per "Konversation" einem Moderator schicken !

michag78 · 20. Mai 2015

ok dann schaut mal hier und zoomt mal im browser größer und kleiner
verschiebt sich die Rechte Tabelle auch bei Euch?

Bitte loggen Sie sich ein, um den versteckten Inhalt zu sehen.

andy67 · 20. Mai 2015

Wenn du den Browser Zoom meinst (STRG + Rad) dann ist das einzige was mir aufgefallen ist, dass es sich minimal bei 90% verschiebt und das auch nur beim Chrome !

Aber wenn dich das stört, wieso hast du nicht ein Bildobjekt links genommen und ein Text-Objekt rechts mit Zellenstil --> Hintergrundbild ! Dann natürlich den linken und rechten Rand auf 0 setzen !

Frex · 20. Mai 2015

Bei mir verschiebt sich nichts...Chrome!
22 und 24 er Monitor

michag78 · 20. Mai 2015

mich stört das nicht, den kunden ist das aufgefallen
er wollte einen kleinen monitor simulieren und hat deshalb herunter gezoomt.

ja mit dem Bildobjekt und Textobjekt hatte ich am Anfang.
aber da das auf jeder Seite sein soll mit anderen Bild und darunter kommt noch irgendwann Text und Bilder, da musste ich dann die Spalten verschieben aber dadurch hat sich auch das Bildobjekt und Textobjekt verschoben, so das es auf jeder Seite anders ausgesehen hat

andy67 · 20. Mai 2015

Wenn es nicht unbedingt notwendig ist (außer es ist eine echte Tabelle mit Zahlen) dann sollte man Tabellen-Objekte vermeiden in WSX5 ! Denn wenn man verschiedenste Arten integriert dann kann es zu Problemen kommen !

michag78 · 22. Mai 2015

und was wäre das Beste wie ich das anlegen könnte?

Gast#gibsnichtmehr#910 · 22. Mai 2015

Moin,
beim Einzoomen verschiebt sich der Text geringfügig. Beim direkten Anschauen auf kleineren Geräten 15", 13", 10" etc. ist alles O.K.

Wie schon Andy sagte würde ich Tabellen nur nutzen wenn es unbedingt sein muss da es bei einer Tabelle nur sehr geringe Fortmatierungsmöglichkeiten gibt.

Wenn du dir vorab ein wenig Gedanken über den Seitenaufbau machst kommst du mit Spalten/Zeilen und Bild und Textobjekten bessser zurecht.

Um möglichst flexible zu sein, legst du dir auf der Seite z.B. gleich 6 Spalten an und mehrere Zeilen, du kannst die eingebundenen Objekte ja über mehrere Spalten/Zeilen ziehen und anordnen. Einfach mal ein Testprojekt machen und ein bischen Spielen. Auf diesem Weg bist du viel variabler als mit einer Tabelle.

bernie · 22. Mai 2015

Bei meinem über 30 zöller passt alles bis auf die Kontaktseite, siehe Bild im Anhang.

Wird eine Top Seite!!!

michag78 · 22. Mai 2015

erstmal danke

bei einer Tabelle kann ich halt besser den Text durch die Spalten anordnen, wie bei den Tagen und den Öffnungszeiten daneben
das geht doch bei Text nicht oder?

geht auch das Accordeon Script so?

bernie · 22. Mai 2015

dann nimm doch 2 textobjekte nebeneiander

Was meinst mit dem script?

michag78 · 23. Mai 2015

sorry hatte noch was vergessen.
kann man bei den accordeon script auch bild neben den text machen und wie kann ich die Schriftart ändern?
das ist das script:

Code

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function() { // Shorthand for $(document).ready(function() {
$("#accordion").accordion({heightStyle: "content",
collapsible: true, active: false });
var collapsible = $( "#accordion" ).accordion( "option", "collapsible" );
});
</script>
<style>
#accordion p {color: #808080; font-size: 14px;}
</style>
<style>
#accordion .ui-accordion-header {color: #ffffff; font-size: 14px; background: #a32624;}
</style>

Alles anzeigen

michag78 · 23. Mai 2015

2 textobjekte kann ich nicht nehmen weil sonst das hintergrundbild nicht geht.
und mit leerzeichen geht das auch nicht mit den tagen und öffnungszeiten.
und tabs gehen ja auch nicht.
wie kann man das noch machen?

Gast#gibsnichtmehr#910 · 23. Mai 2015

du musst im HTML-Bereich einfach das Bild einbauen....

Code

div id="accordion" style="text-align: left;">
<h3 style="font-weight: bold;">Beispiel1</h3>
<div>
<table>
<p><img src="http://www.deineDomain.de/images/deinBild.jpg" style="float: right;" alt="Test" width="350" height="350"></p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
</p>
</table>
</div>
<h3>Section 2</h3>
<div>
<table>
<span><img src="http://www.deineDomain.de/images/deinBild.jpg" style="float: right;" alt="Test"></span>
<p>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
suscipit faucibus urna.
</p>
</table>
</div>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Tabelle verschiebt sich bei Zoom

Teilen