zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Darstellung aller Textelemente anders als von Links

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.01.2017, 17:12
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.01.2017
Beiträge: 33
crane befindet sich auf einem aufstrebenden Ast
Standard 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}
Woran kann das nun liegen und wie kann ich das beheben.

Vielen Dank schon mal im Vorraus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.01.2017, 18:10
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Warum versuchst du nicht zuerst CSS zu lernen, bevor du es verwendest?

Das von dir benutze CSS kann in einer validen Seite nicht funktionieren.
Das bedeutet das dein HTML Code fehlerhaft ist.

Dann ist es natürlich nicht möglich anhand wager Beschreibung ein Problem zu erkennen, geschweige denn zu lösen. Dazu brauchen wir ein vollständigen Beispielcode, anhand dem dein Problem nachvollziehbar ist.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.01.2017, 21:30
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.01.2017
Beiträge: 33
crane befindet sich auf einem aufstrebenden Ast
Standard

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">&copy; 2015 Andrea Zinser</a> | <a style="font-size:16pt" href="seiten/impressum.htm" target="inhalt">Impressum</a></style></center>
</div>

</body>
</html>
Ich hoffe ihr könnt mir nun mit meinem Problem helfen und mir sagen was ich generell am HTML Code und dem CSS Code machen könnte.

Danke
Mit Zitat antworten
  #4 (permalink)  
Alt 04.01.2017, 21:49
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

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;
}
Aber ich würde mir an deiner Stelle wirklich mal ein Buch in die Hand nehmen oder wenigstens ein Tutorial durcharbeiten, deine Selektorenwahl deuten darauf hin, dass du sie noch nicht verstanden hast. Und eine Tabelle als Gestaltungselement ist ähnlich verpöhnt wie ein Frame, sowas braucht man heute nicht mehr.
Mit Zitat antworten
Antwort

Stichwörter
absätze, links, textdarstellung, überschrift

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:00 Uhr.