29.03.2013, 05:56
|
|||
|
|||
css Text grösse
Moin hab noch mal ein kleines problem das ist folgendes .
wen ich die css datei folgende Code:
body
{
background-color: #ffffff;
background-image: url(http://www.yasumidesigns.de/wetplate.jpg);
font-size: 10px;
font-family: Helvetica,Arial,sans-serif;
color: #ffffff;
}
dan verkleinert sie gleichzeitig auch die grösse des textes vom css menü den ich aber in einer anderen datei führe folgender code Code:
#cssmenu ul {
list-style-type:none;
width:auto;
position:center;
display:block;
height:33px;
font-size:.9em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}
#cssmenu li {
display:inline-block;
float:center;
margin:0;
padding:0;
}
#cssmenu li a {
display:inline-block;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}
#cssmenu li a:hover,
#cssmenu .active {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}
#cssmenu .active a {
color:#fff;
font-weight:700;
}
#cssmenu ul{
background-color:#629600;
}
#cssmenu li a:hover,
#cssmenu li.active {
background-color:#7AB900;
text-align:center;
}
Die angaben auf meiner index seite Code:
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Dubstep</title>
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="design123.css" />
<style type="text/css">
p {margin-bottom: 200px ; margin-top: 222px;}
</style>
wie kann ich das Allso umgehen so das die eine datei nur hintergrund beinflust und seiten text aber der text vom css menü eine andere grösse behält ? würde mich freuhen wen mir jemand helfen kan Geändert von dubstep007 (29.03.2013 um 05:59 Uhr) 
|
| Sponsored Links |
|
29.03.2013, 08:31
|
|||
|
|||
|
Vielleicht solltest du auch für die Navigation eine Schriftgröße angeben.
|
| Sponsored Links |
|
29.03.2013, 10:01
|
||||
|
||||
|
Code:
... <link href="/menu_assets/styles.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="design123.css" /> Besser so: alles in eine css Datei. Dort beginnt man üblicherweise für die font-size im body mit 100%. Von dort ausgehend legt man die font-size für andere Bereiche fest. BTW: nächstes mal besser einen Link posten. Dann kann man besser helfen.
|
|
29.03.2013, 10:44
|
|||
|
|||
|
Zitat:
daraus ergibt sich dann Zitat:
font-size:.9em; und em ist eine relative Grösse. hier also 90% vom Grossen M ausgehend. So kannst du das also selbst leicht errechnen. Zitat:
Dazu folgender Artikel der Dein Problem beschreibt: Warum ich Pixel für CSS-Schriftgrade verwende / praegnanz.de
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum.
|
|
29.03.2013, 11:40
|
||||
|
||||
|
Zitat:
Viele Kollegen waren schlicht entsetzt dass ein so bekannter Blogger so einen verquasten Blödsinn von sich gibt. Im Zeitalter des Smartphones sollte auch der letzte bald verstanden haben, dass Pixelangaben für die Schriftgröße Unfug sind. 
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus
|
|
29.03.2013, 11:45
|
|||
|
|||
|
Zitat:
http://www.w3.org/TR/css3-values/#font-relative-lengths edit: Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken
|
|
29.03.2013, 11:54
|
|||
|
|||
|
Zitat:
Der Artikel erklärt Vererbung und daraus entstehende Probleme. Genau das ist bei unserem TE auch der Fall. Zitat:
Apple zum Beispiel vergrössert automatisch die Pixel aufs doppelte. Finde jetzt auf die Schnelle den Artikel nicht, werde ich aber gern nachreichen, wenn gewünscht. Anm.; Ich bin kein Verfechter von Pixelangaben bei Schriftgrössen. Persönlich verwende ich immer em oder %. EDIT: @fricca Du hast recht, ich bezog mich auf den http://de.wikipedia.org/wiki/Em_%28Schriftsatz%29 Artikel. Aber FF setzt es genau so um wie du es beschreibst:https://developer.mozilla.org/de/docs/CSS/font-size
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. Geändert von explanator (29.03.2013 um 12:10 Uhr)
|
|
29.03.2013, 12:12
|
||||
|
||||
|
Zitat:
Zitat:
Zitat:
Apple hat zuletzt mit seinem iPad Mini einer der größeren Böcke geschossen, denn es verhält sich in allem wie sein großer Bruder -- nur ist alles viel kleiner. Da kann man nicht einmal mehr mit relativen Schriftgrößenangaben etwas retten. Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken
|
|
29.03.2013, 12:54
|
|||
|
|||
|
Zitat:
Nicht mehr und nicht weniger. Der Artikel enthält zudem 75 Kommentare, die hinreichend erläutern was richtig und falsch ist. Ich habe also die Frage von dubstep007 hinreichend beantwortet. Welche Schlüsse er letztendlich daraus zieht liegt nicht in meinem Einflussbereich. Evtl. kommt noch was von ihm vielleicht auch nicht.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum.
|
| Sponsored Links |
|
29.03.2013, 13:09
|
||||
|
||||
|
Zitat:
Zitat:
Zitat:
Es mag hochtrabend klingen, aber: Jeder, der hier öffentlich antwortet, trägt eine gewisse Verantwortung. Es gibt massenhaft stille Mitleser -- nicht nur den einen Fragesteller. Das ist auch der Grund, weshalb Antworten vermeintlich kleinkariert korrigiert oder ergänzt werden. Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Div Float Clear usw... Ich dreh durch ;) | buggix | CSS | 14 | 11.02.2010 08:42 |
| gibt es eine andere Lösung ohne Tabelle? | online | CSS | 16 | 24.04.2009 08:41 |
| Zeilenabstand bei font-Angabe wieder weg | nick | CSS | 7 | 16.02.2008 14:39 |
| Text Position | barca | CSS | 14 | 10.05.2006 11:25 |
| CSS - Design (clear - Problem) | -Oliver- | CSS | 11 | 21.12.2005 21:48 |
Linear-Darstellung
