Hi das ist ja cool! Der Autor meldet sich persönlich.
Dann muss ich jetzt erst mal ein Lob aussprechen. TOLLES BUCH!!!
Gut, dann werde ich meine Frage spezifizieren:
2. Auflage
Seite Seite 331
Das Textfeld für die Kontaktanfrage. Wenn man einen Text reinschreibt, dann ist die Schrift extrem klein!
Ich benutze den Firefox 6.0.2.
Ich gehe Kapitel für Kapitel durch, habe lasse weg was ich im moment noch nicht brauche.
Quellcode von bildschirm.css:
Code:
html
{
overflow-y: scroll;
}
body
{
background-color:#d9d9d9;
font:81.25% Verdana, Arial, Helvetica, sans-serif;
}
#wrapper
{
background-color:#ffffff;
}
/* Rahmenlinien oben und unten */
#header
{
margin-top:1em;
padding:48px 0 0;
background:#89adcd url("tl_files/themes/blaues_theme/header_gradient.jpg") repeat-x left top;
}
#header h1
{
margin-top:0;
margin-left:18px;
}
#header p#slogan
{
margin-left:18px;
}
#container
{
margin-right:18px;
margin-left:18px;
}
/* Rahmenlinien links und rechts */
#main
{
min-height:300px;
padding-right:10px;
padding-left:10px;
line-height:1.7;
}
/* Rahmenlinien oben und unten */
#footer
{
margin-bottom:1em;
padding:18px 18px 9px;
background-color:#89adcd;
color:#000;
}
/* Inhaltstabellen */
.ce_table table
{
margin-bottom:1em;
background-color:#d9d9d9;
border-bottom:2px solid #bbb;
border-collapse:collapse;
}
.ce_table thead
{
background-color:#fff;
border-top:2px solid #bbb;
color:#000;
border-bottom: 1px solid #bbb;
}
.ce_table tr.odd
{
background-color:#fff;
}
.ce_table td,
.ce_table th
{
padding:0.5em 1em;
font-size:11px;
}
/* ====================================== Kontaktformular gestalten
====================================== */
form#kontaktformular
{
margin:0 0 2em;
padding:0 18px 18px;
background-color:#ADCBE6;
border-top:1px solid #89ADCD;
line-height:1;
border-bottom: 1px solid #89ADCD;
}
#kontaktformular label
{
display:block;
margin:18px 0 3px;
cursor: pointer;
}
#kontaktformular .checkbox_container label
{
bottom:2px;
position:relative;
display:inline;
}
#kontaktformular .checkbox_container
{
margin-top:1em;
}
#kontaktformular input,
#kontaktformular textarea
{
padding:3px;
}
#kontaktformular input:focus,
#kontaktformular textarea:focus
{
background-color:#ECECEC;
color:#000;
}
#kontaktformular p.error
{
max-width:400px;
padding:3px;
border:1px solid #f00;
background: #FFC0CB;
/* pink */ color: #000;
/* rot */ margin-bottom: 3px;
}
Buch: Websites erstellen mit Contao Kapitel 12.2: Im Textfeld schrift viel zu klein!
Zitieren
Zitat von Derby
Lesezeichen