webForumDet fria alternativet

Ändra fetheten/storlek på background-color:?

HTML & CSS

5 svar · 270 visningar · startad av pRob3

Medlem sedan maj 2003151 inlägg
Frågan#1

Kan man på något sätt ändra så att background-color (rosa i detta fallet) blir högre? Alltså så det blir mer rosa space över och under texten

Exempel
http://slaf.se/kicki/default2.asp

Tack på förhand.

Medlem sedan apr. 20003 174 inlägg
#2

Lägg till detta i din .datum-klass:

padding:10px 0;
Medlem sedan maj 2003151 inlägg
#3

funkar kanon men hur får jag texten centrerad vertikalt i det rosa? :stud

Medlem sedan dec. 20042 245 inlägg
#4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>foo</title>
  <style type="text/css">
   html { background:#333; color:#fff; font:110% "Helvetica", "Arial", sans-serif; }
   p.datum { background:#f0f; float:left; line-height:8; padding:0 .5em; margin:0; }
   p.datum span { font-weight:bold; text-transform:uppercase; }
  </style>
 </head>
 <body>
  <p class="datum">05/10/2005/<span>Mashup</span></p>
 </body>
</html>

:)

Medlem sedan apr. 20003 174 inlägg
#5

En variant:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.datum {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	background-color: #FF00FF;
	padding:100px 0;
	text-align: left;
	vertical-align: middle;
	letter-spacing: 0pt;
}
-->
</style>
</head>

<body bgcolor="#333333">
<table border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td class="datum">&nbsp;05/10/2005/<strong>MASHUP</strong>&nbsp;</td>
  </tr>
</table>

<p>&nbsp;</p>
</body>
</html>
Medlem sedan maj 2003151 inlägg
#6

Har ändrat lite nu någon som vet varför sidan visas olika i IE & Fx?
Texten blir inte centerad verikalt i mitten i FireFox.

http://slaf.se/kicki/default2.asp

Någon som har någon bättre kod för att få ihop detta så det funkar i alla webbläsare?

250 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
121 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)