myGully.com Boerse.SH - BOERSE.AM - BOERSE.IO - BOERSE.IM Boerse.BZ .TO Nachfolger
Zurück   myGully.com > Computer & Technik > Programmierung
Seite neu laden

Css Problem

Willkommen

myGully

Links

Forum

 
Antwort
Themen-Optionen Ansicht
Ungelesen 03.05.10, 15:20   #1
Kaiser_toby
Anfänger
 
Registriert seit: May 2009
Beiträge: 18
Bedankt: 3
Kaiser_toby ist noch neu hier! | 0 Respekt Punkte
Standard Css Problem

.textinhalt1 {
text-align:left;
font-weight:bold;
font-size:1em;
padding-bottom:14px;
font-size:100%;
}

.textinhalt2 {
text-align:justify;
font-weight:bold;
padding-bottom:16px;
font-size:200%;
}


hallo,

möchte in beiden Fällen die Schriftgröße ändern, damit ich es dann allgemein auf alle Seiten per CSS übernehmen kann.
ich hab es jetzt mit % versucht und mit px und pt, aber er nimmt es nicht an, weiß jemand wo der fehler liegt vielleicht ist er so leicht das ich ihn übersehen habe.
Hab schon im I-net rumgesucht und alle größen angaben durch.

Gruß
Kaiser_toby ist offline   Mit Zitat antworten
Ungelesen 03.05.10, 18:25   #2
urga
Mitglied
 
Benutzerbild von urga
 
Registriert seit: Aug 2009
Ort: void* (*wtf[])(void **);
Beiträge: 453
Bedankt: 137
urga ist noch neu hier! | 0 Respekt Punkte
Standard

?
Code:
<html>
	<head>
<style type='text/css'>
.textinhalt1 {
text-align:left;
font-weight:bold;
font-size:1em;
padding-bottom:14px;
font-size:100%;
}

.textinhalt2 {
text-align:justify;
font-weight:bold;
padding-bottom:16px;
font-size:200%;
} 
	
</style>		
	</head>
	<body>
		<span class='textinhalt1'>blabla</span>
		<span class='textinhalt2'>blabla</span>
	</body>
</html>
funzt doch prima ...
mir ist gerade danach:
hier eine mittels jquery aufgepeppte variante. mit der maus einfach über die texte fahren...
Code:
<html>
	<head>
		<s***** type="text/javas*****" src="http://api.jquery.com/browser/lib/jquery/jquery.js"></s*****>
		<style type='text/css'>
		.textinhalt1 {
			text-align:left;
			color: red;
			font-weight:bold;
			font-size:1em;
			padding-bottom:14px;
			font-size:150%;
		}

		.textinhalt2 {
			text-align:justify;
			font-weight:bold;
			padding-bottom:16px;
			font-size:200%;
		} 
		</style>		
		<s***** type="text/javas*****">
			function rand_size () {
				var new_size = 50 + parseInt(Math.random() * 200);
				new_size = new_size + ((Math.random() > 0.5) ? '%' : 'px');
				$(this).css('font-size', new_size);
				$(this).children().html ('größe :' + new_size);
			}
			$(document).ready(function(){
					$(".textinhalt1,.textinhalt2").bind
					   ("mouseenter mouseleave", rand_size);
					});
		</s*****>
	</head>
	<body>
		<span class='textinhalt1'>ein Text <span class="info"></span></span><br>

		<span class='textinhalt2'>und noch ein Text <span class="info"></span></span>
	</body>
</html>
urga ist offline   Mit Zitat antworten
Antwort


Forumregeln
Du kannst keine neue Themen eröffnen
Du kannst keine Antworten verfassen
Du kannst keine Anhänge posten
Du kannst nicht deine Beiträge editieren

BB code is An
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.

Gehe zu


Alle Zeitangaben in WEZ +1. Es ist jetzt 22:57 Uhr.


Sitemap

().