Der Text ist von seiner Grundeinstellung viel zu klein und deshalb schwer lesbar.
Beiträge von sejuma
-
-
Probier's mal so:
Ansicht/Symbolleisten/Anpassen
Befehle/Extras
Dann in der rechten Auswahlleiste (unten) den Befehl "Optionen" auswählen, mit linker Maustaste festhalten und nach oben in die Befehlsleiste "Extras" ziehen. -
Im IE 7 kann ich nichts erkennen.
Versuch' mal, die imgages jeweils in einen div zu packen:Code<td width="414" height="102" valign="top"> <div>[img]img/bild_1.jpg[/img]</div> </td> -
Wenn ich dich richtig verstanden habe, dann möchtest du, dass jeder Link 100 px breit ist und die Links nebeneinander in einer Zeile stehen.
Falls dem so ist, dann füge mal noch folgendes in deine CSS-Style-Angaben:Codea {display:block;width:100px;float:left;} -
display:hide; gibt es m.W. nicht. http://de.selfhtml.org/css/eigenschaf…ng.htm#display2
Versuch's mal mit display:none; -
Ist Geschmacksache und kommt drauf an ür welchen Content es verwendet wird. Ich könnte mir dieses Design ganz gut vorstellen für eine Firma, die Rollrasen vertreibt.
-
Benenne bitte nochmals deinen aktuellen Code oder nenne am besten einen Link und definiere nochmal das Problem damit wir wieder auf dem aktuellen Stand sind.
-
Das sieht nur am Anfang etwas umständlich aus. Mit der Zeit denkst du dir dabei gar nichts mehr
Zum Verständnis sieh dir mal das CSS-Boxmodell an.
Zur eigentlichen Breitenangabe (width) musst du noch die Innenabstände und sofern vorhanden die Rahmenstärken hinzuzählen und berücksichtigen. Je größer der Innenabstand, je kleiner musst du die Breite wählen.Damit ich nicht immer rechnen muss, arbeite ich mit einem flexiblen Layout:
Definiere die Breiten statt in Pixeln in Prozentwerten. Zusammen mit padding- und margin-Angaben sollten dann nicht mehr als 100% in der Summe herauskommen damit man nicht scrollen muss.
Hierzu folgendes Beispiel
Diese Methode hat ausßerdem den Vorteil, dass sich die Breite einer Seite immer auch der jeweiligen Bildschirmauflösung anpasst. -
Das float bezieht sich nur auf die Größe (Höhe) des umfließenden Elementes.
Ordne dem mittleren div deshalb noch die Abstäne von links und rechts zu, dann sollte es klappen:Codemargin-left: 173px; margin-right: 172px; -
Für Frames nimmst du an besten diesen:
Code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> -
Ist mir persönlich zu bunt und unübersichtlich.
Das Wesentliche ist auf den ersten Blick nicht erkennbar, da zu viele Informationen auf einmal.
Im Quelltext fehlt ein Doctype; aufgeblähter Tabellencode wurde schon angesprochen. -
Das mindeste was du machen musst:
Empfänger eingeben - e-mail schreiben - absenden.
Aber das sollte eigentlich bekannt sein. -
Im IE7 kann ich momentan keine Verschiebungen erkennen.
Allerdings sind deine Style-Angaben mehr als unübersichtlich und in diesem Umfang sicherlich auch nicht erforderlich.
Ich vermute mal, dass deine vielen absoluten Positionierungen, die möglicherweise nicht aufeinander abgestimmt sind die Ursache sind.
In diesem BeispielCodediv id="Layer1" style="position:absolute; left:715px; top:28px; width:90px; height:102px; z-index:12">[img]Pics/Head6.gif[/img]</div>ist der div nur 90px breit während du ein Bild mit 150px Breite einfügst.
Ich würde dir empfehlen, dich noch etwas ausführlicher mit CSS auseinanderzusetzen und die Seite nochmal von Grund auf zu erneuern. Auf absolute Positionsangaben kannst du vollkommen verzichten. Dafür nutze die Float-Eigenschaften und margin-Werte. Für deine Seite sollten ca. 5-6 Layer ausreichen (Header, Navi, Content, rechte Spalte, Footer). Die vielen Stilangaben kannst du diesen Containern direkt zuordnen. Ebenso solltest du alle Formatierungen in die Style-Angaben im Headbereich oder noch besser in eine ausgelagerte CSS-Datei schreiben. Das macht die Sache übersichtlicher.
Orientiere dich dabei an diesen Layout-Beispielen
http://www.css4you.de/wslayout1/index.html
http://www.stichpunkt.de/css/bereiche.html -
Da steht ja auch index.html drin:
Code<title>index.html</title>
Hängt wahrscheinlich mit deinen einzelnen Frames zusammen. Überprüf die mal, welche Titel-Bezeichnung da überall eingebaut ist. -
float middle gibt es nicht.
Du kannst natürlich auch mehr als drei div's nebeneinander bekommen, indem du ihnen jeweils ein "float:left;" zuweist.
Beim dreispaltigen Aufbau floatet man normalerweise die linke Spalte links und die rechte rechts. Der Mittelteil schiebt sich dann dazwischen. -
Müsste angezeigt werden.
Lösche mal deinen Cache. -
Füge mal noch das in deine CSS-Datei hinzu:
Codeli {display:inline;} ul {list-style-type:none;}Für den HTML-Navi-Code nimmst du folgendes:
Code<div id="navi"> <ul> [*][url='home_frame.html']Home[/url] [*][url='aboutme_frame.html']About me[/url] [*][url='photos_frame.html']Photos[/url] [*][url='videos_frame.html']Videos[/url] [*][url='contact_frame.html']Contact[/url] [/list] </div> -
-
... wobei es allerdings keinen Sinn macht, in einem Menue je Link einen separaten div zu verwenden.
Für ein Menue braucht man lediglich einen div um es zu positionieren. Die einzelnen Links formatiert man über ul, li und a.
Hier zahlreiche Beispiele: http://css.maxdesign.com.au/listamatic/ -
Das float:left hat mit den untereinanderstehenden Links nichts zu tun.
Falls du ein Listenmenue hast und die Links nebeneinander erscheinen sollen must du dem li-Element einCodedisplay:inline;zuordnen.
Ggf. wäre es für uns nützlich wenn du mal einen Link oder auch den HTML-Code posten könntest.