|
|||
Darstellung aller Textelemente anders als von Links
Ich habe jetzt eine Lösung für meine Umstellung von Frames auf Stylesheets gefunden. Jetzt habe ich dabei nur noch ein Problem mit einer Darstellung. Als ich Frames verwendet habe wurden im Content alle Text Elemente mit selben Abstand zum oberen Frame angezeigt. Wenn ich nun bei den Stylesheets Links mit anderen Textelementen wie Überschriften und Absätze vergleiche ist bei den Links alles wie mit Frames und die anderen Elemente werden mit größerem Abstand angezeigt.
Hier meine CSS Datei. Code:
#container { position:fixed; top:110; left:0; bottom:30; right:0; overflow:auto; background:#ffffff; } #container * {margin-left:287; margin-right:25} #header { position:absolute; top:0; left:0; width:100%; height:110; overflow:hidden; background:#53829d; } #footer { position:absolute; bottom:0; left:0; width:100%; height:30; overflow:hidden; background:#73a2bd; border-top:1px solid #000000; } P {Font-Family:Candara; Font-weight:normal} A {font-size:16pt; Color:#380536; Font-Family:Candara} h1{Font-Family:Candara; Font-weight:lighter} h2{Font-Family:Candara; Font-weight:normal} h3{Font-Family:Candara; Font-weight:normal} ul{Font-Family:Candara; Font-weight:normal} Vielen Dank schon mal im Vorraus |
Sponsored Links |
Sponsored Links |
|
|||
Hier der HTML Code in dem ich das oben angegebene Stylesheet verwende. Im Code ist die Stelle an der mir das Problem aufgefallen ist kommentiert.
HTML-Code:
<html> <head> <title></title> </head> <link rel="stylesheet" type="text/css" href="css/daten2.css"> <body> <div id="header"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1"> <tr height="5"> <td></td> </tr> <tr align="left"> <td rowspan=2 width=25"></td> <td><a href="seiten/news.htm" style="text-decoration: none; font-family: Candara; color:#380536"> <center><img border="0" src="bilder/logo.png"><br> CranioSacrale<br> Körper- und Energiearbeit</center></a></td> <td rowspan=2 width="20"></td> <td rowspan=2><a href="seiten/news.htm">News</a></td> <td rowspan=2 width="10"></td> <td rowspan=2><a href="seiten/info.htm">Über Mich</a></td> <td rowspan=2 width="10"></td> <td rowspan=2><a href="seiten/craniosacral.htm">Craniosacral</a></td> <td rowspan=2 width="10"></td> <td rowspan=2><a href="seiten/links.htm">Links</a></td> <td rowspan=2 width="10"></td> <td rowspan=2><a href="seiten/kontakt.htm">Kontakt</a></td> </tr> </table> </div> <div id="container"> <H1>Cranio Sacral</H1> // Hier tritt das genannte Problem auf. Wenn ich es als Link definiere gibt es keinen Abstand zur oberen Box und wenn ich alle andere Text-Elemente nutze gibt es einen größeren Abstand zur oberen Box. </div> <div id="footer"> <center><a style="font-size:16pt" href="seiten/impressum.htm" target="inhalt">© 2015 Andrea Zinser</a> | <a style="font-size:16pt" href="seiten/impressum.htm" target="inhalt">Impressum</a></style></center> </div> </body> </html> Danke |
|
||||
Wie gesagt, dein HTML ist fehlerhaft. Du verwendest keinen DOCTYPE, daher wird die Seite im Quirksmodus dargestellt.
Du kannst deinen Code z.b. damit validieren https://validator.w3.org/ Das sind Grundlagen, daher mal ein Hinweis auf Quellen, mit deren Hilfe du CSS lernen kannst: Little Boxes online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller) https://wiki.selfhtml.org/wiki/CSS Dadurch das die Seite in einem falschen Modus dargestellt werden, stimmen die Abstände nciht mehr mit dem Boxmodell überein, dein Problem sind aber vermutlich die vom Browser vordefinierten Werte. Es ist üblich diese mit einem "CSS Reset" zu eliminieren. CSS-Reset: Rücksetzen der Browservorgaben - CSS - Tutorials, Tipps und Tricks für Webmaster auf Webmasterpro.de Der einfachste wäre z.b. Code:
* { margin: 0; padding: 0; } |
Stichwörter |
absätze, links, textdarstellung, überschrift |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV immer ganze Breite - normal?!?!? | csski | CSS | 3 | 02.07.2008 13:20 |
IE 7 skaliert Links falsch? | theonlyandy | CSS | 16 | 10.04.2008 11:44 |
Probleme mit der Darstellung im Firefox | Xsixpence | CSS | 5 | 08.05.2006 23:56 |
links in externem fenster öffnen... HELP Plz!! | NoPlanClan | CSS | 4 | 12.01.2004 19:54 |
Formularbuttons und Links mit CSS gleich gestalten | Jürgen | CSS | 1 | 18.09.2003 19:33 |