Beiträge von sejuma

Es sollte normalerweise möglich sein, dass eine CSS-Datei browserkonform und browserübergreifend ausreicht.
Wenn du unterschiedliche Darstellungen hast, müsste man mal den Quellcode sehen. Oft sind nur recht einfache Dinge die Ursache, die sich ohne großen Aufwand ändern lassen.
Ansonsten kann man browserspezifische Hacks in die CSS-Datei einbauen.
Um das im Einzelfall zu beurteilen, müsste man wirklich mal den kompletten Quelltext, am besten per Link einsehen können.

Du könntest die Bilder ensprechend positionieren.

Ob das mit einer Homepageverlinkung funktioniert, ist mir nicht bekannt.
Aber das sollte in die richtige Richtung gehen (hab's selbst noch nicht ausprobiert).

td
{padding-left: 25px;}

Es kommt doch nicht auf die "Eleganz", sondern auf die Effektivität und Wirkung an.

CSS heißt doch nicht automatisch, dass Tabellen generell verboten sind. Für's generelle Layout keine Tabellen, aber wo für strukturierte Darstellung angebracht haben sie immer noch ihren Sinn.

Verwende bei .schrift als background-color "gray" statt "grey" oder verwende Hexacodes.
http://de.selfhtml.org/diverses/anzeige/farbnamen_16.htm

Nimm statt "grey" - "gray" oder den Hexacode.
http://de.selfhtml.org/diverses/anzeige/farbnamen_16.htm

Dragooni:
Wenn du keinen oberen Abstand haben willst, dann müsste so gehen:

#title{
width:
  1000px;
height:
  30px;
background-color:
  red;
}

Muss der title unbedingt "über" den anderen liegen? Wäre doch einfacher, die Höhe der anderen zu kürzen.

Ich bin bekennender CSS-Fan. Aber was spricht für diese strukturierte Darstellung gegen eine Tabelle?

Ansonsten fällt mir noch die Definitionsliste ein, wenn das Ereignis nicht zwingend in der gleichen Zeile wie die Jahreszahl sein muss:

<dl>
  <dt>1938 </dt>
  <dd>Irgendein Ereignis Irgendein Irgendein Ereignis Irgendein EreignisIrgendein Ereignis Irgendein EreignisEreignis Irgendein Ereignis Irgendein EreignisIrgendein Ereignis Irgendein Ereignis</dd>
  <dt>1948</dt>
  <dd>ein anderes Ereignis</dd>
</dl>

So müsste es klappen:

CSS

<style type="text/css">


a:link {
display:block;
width:100px;
height:30px;
background-image:url(taste.gif);
}


a:visited {
display:block;
width:100px;
height:30px;
background-image:url(taste2.gif);
}


a:hover {
display:block;
width:100px;
height:30px;
background-image:url(taste1.gif);
}


</style>

Für die width- und height-Werte nimmst du die deiner Grafikgrößen.

HTML

[url='http://www.biblioteca-tercer-milenio.com'][/url]

Jetzt musst du noch darauf achten, dass bei den background-images der Pfad und die Ordner stimmen. In deinem Fall verweisen sie auf die Festplatte D. Das funktioniert offline, jedoch nicht online, da es hier keine Verbindung zu deiner Festplatte gibt.

Entsprechend deinen Vorgaben wäre das so:

a:link {
display:block;
width:100px;
height:30px;
background-image:url(webprojekt/templates/meintemplate/images/taste.gif);
}

Allerdings muss die gleiche Verzeichnis/Ordnerstruktur dann auch auf dem Webspace hinterlegt sein.

mgraf:
Den Content-wrapper würd ich weglassen.

#inhalt { 
float: left; 
height:500px; 
width:64%; 
background-color:#999999; 
text-align:left; 
} 


#navi-links { 
float: left; 
width:18%; 
background-color:#666666; 
text-align:left; 
} 


#navi-rechts { 
float: left; 
width:18%; 
background-color:#333333; 
text-align:left; 
}

@CrowHammer:
Die claer-Anweisung benötigt mann, da die vorherigen Elemente links gefloatet sind.
Dadurch wird bewirkt, dass der footer wieder unten und nicht neben der rechten Navi erscheint.

Ich habe mich entschlossen, mir das Wissen über Frames konsequent nicht mehr anzueignen. Es ist nach meiner Ansicht eine auslaufende Technik, sepziell auch im Hinblick auf Nachteile bei der Suchmaschinenoptimierung
Konzentriere dich besser auf HTML und CSS und mach dir nicht die Mühe dir noch Wissen über "Auslaufmodelle" anzueignen (meine persönliche Meinung).

Probier's mal so:

#title{ 
margin-top: 
  10px; 
width: 
  1000px; 
height: 
  30px; 
background-color: 
  red;    
}

Pack alles in einen horizontal zentrierten wrapper. Außerdem fehlen da teilweise noch Pixelangaben.

CSS:

body
{margin: 0;
padding: 0;
width: 100%;
height: 100%;
}


#wrapper
{
position:absolute;
top:0px;
left:50%;
margin-left:-390px;
backgropund-color: #f00;
}


#banner { 
height:100px; 
width:780px; 
background-color:#999999; 
border:double; 
border-color:#0066CC;} 


#inhalt { background-color:#993300; 
float: left;
margin-top:5px; 
height:500px; 
width:140px; }

HTML:

<body> 


<div id="wrapper">


<div id="banner">banner</div>
<div id="inhalt">inhalt</div>
</div>


</body>

Wegen der weiteren Vorgehensweise sieh dir mal die Links zu den Layout-beispielen in den FAQ's an.

Phase 5 ist schon mal nicht schlecht.
Wenn nur eine leere Seite erscheint, hast du vermutlich Eingabefehler gemacht.
Beschäftige dich mal etwas mit HTML, am besten mit Friedel's Crashkurs dann ist phase 5 sicher ganz einfach zu handhaben.

Der von dir genannte Doctype ist nur für das Frameset zu verwenden.
Für die einzelnen Seiten in den Frames benutze einen normalen doctype wie z.B. diesen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Tipp:
Falls du gerade am Anfang deiner "Programmierung" bist: Verzichte besser ganz auf Frames, gerade auch im Hinblick auf die Suchmaschinenoptimierung.

Sowohl spans als auch Links sind Inline-Elemente. Durch den float ändert sich daran m.W. nichts.

Probier's mal so:

a.aweiter:link, a.aweiter:visited {
border: 2px solid;
border-color:#F0EBEA #A4ADB1 #A4ADB1 #F0EBEA;
background-color: #B1C7D3;
display:block;
}


a.aweiter:hover {
border: 2px solid;
border-color: #A4ADB1 #F0EBEA #F0EBEA #A4ADB1;
display: block;
}

In der Word-Befehlsleiste auf das ? klicken, MS-Word-Hilfe aufrufen, nach Serienbrief suchen, Bedienungsanleitung lesen.

CSS für ein Formular ist grundsätzlich kein Problem.
Aber ich vermute eher, dass du die Halbtransparenz möglicherweise auch der Schrift zugewiesen hast. Könnte auch eine vergessene Klammer o.ä. sein.
Gibt es einen Link?

Mit der Float-Eigenschaft kannst du Text neben Bilder bringen; danach aber musst du wieder clearen. Z.B. so:

.left
{
float:left;
margin-right:10px;
}
.cl
{
clear: left;
}

[img]deinbild.jpg[/img]
Text neben dem Bild Text neben dem Bild Text neben dem Bild


noch mehr Text


<p class="cl">
Normaler Text oder nächstes Bild
</p>

Wenn du eine strukturierte Übersicht haben willst mit mehreren Bildern links und daneben jeweils ein erläuternder Text spricht m.E. nichts dagegen, für diesen Teil eine Tabelle zu verwenden. Zur Strukturierung, nicht jedoch für's gesamte Layout sind Tabellen besser geeignet.