Eigene Seite - css - alles zu groß

nepf

Ich möchte einen externen event-Kalender in mein wordpress einbinden.

Ich habe nun im event-Kalender die css-Datei meines templates eingebunden, funktioniert auch so halb, Seitenhintergrund, Schrifttyp, Schriftfarbe ... nur alles ist viel zu riesig.

Hat da schon jemand ne Idee von Euch woran das liegen könnte, oder welche Infos muss ich noch nennen?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

\0

Das liegt daran das im eigenen Stylesheete des Eventkalenders andere Namen für Elemente benutzt werden. Möglich wäre zB. das im Eventkalender die Tage mit eventtag formatiert sind, da diese Eigentschaft nicht im Wordpresstemplate vorhanden ist wird dann der Tag ohne Formatierung ausgegeben. Ich denke das wir dir nur helfen können wenn du uns beide Stylesheets gibst.

nepf

Also - der event-Kalender hat gar kein eigenes css, ich habe das ganze Ding nämlich selbst zusammengefriemelt (weil ich nichts geeignetes gefunden habe). Die events werden aus der db ausgelesen und einfach als Liste dargestellt.

Si sieht meine termine.php aus

PHP

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


<HTML>
<HEAD>
     <LINK REL=STYLESHEET TYPE="TEXT/CSS" media="screen" HREF="style.css">
</HEAD>


<BODY>
<div id="wrapper">




<?php


mysql_connect('*****','*****','*****) OR DIE ("Konnte nicht mit MySQL verbinden.");
@mysql_select_db('*****') OR DIE ("Konnte nicht mit Datenbank auf MySQL verbinden.");




	// löschen alter Termine
	$sql_get_events =
	"DELETE ".
	"FROM a_termine ".
	"WHERE datum < CURDATE()";


	$qry_get_events = mysql_query($sql_get_events);




	// SQL-Statement
	$sql_get_events =
		"SELECT * ".
		"FROM a_termine ".
		"WHERE datum >= CURDATE() ".
		"ORDER BY datum,zeit ASC";


	// Abfrage ausführen
	$qry_get_events = mysql_query($sql_get_events);


	// Ausgabe


	setlocale (LC_ALL, 'de_DE@euro', 'de_DE', 'de', 'ge');




?>


<table style="text-align: left; width: 80%;" border="0" cellpadding="2" cellspacing="2">
	<tbody>
	<?php
	while ($event = mysql_fetch_object($qry_get_events) )
	{
	?>


		<tr>
			<td style="width: 40%; text-align: right;"><?php echo strftime("%d. %B %Y",strtotime($event->datum));?>
<?php echo strftime("%H:%M",strtotime($event->zeit)); ?> Uhr</td>
			<td style="width: 60%;"><h3><?php echo $event->titel; ?></h3>
Leitung: <?php echo $event->leitung; ?></td>
		</tr>


	<?php
	}
	?>
	</tbody>
</table>




<?php
mysql_close();
?>




</div>
</BODY>
</HTML>

Alles anzeigen

Die style.css stammt aus dem wp-template Almost-Spring:

Code

body { margin: 0pt;
    padding: 0pt;
    background: rgb(232, 232, 206) url(images/bg.gif) repeat-x fixed 0%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    font-size: 78%;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
    color: rgb(51, 51, 51);
    text-align: center;
    }


  p { margin: 1.2em 0pt;
    line-height: 1.5em;
    font-size: 1em;
    }


  ol, ul { margin: 1.2em 0pt 1.2em 2em;
    padding: 0pt;
    font-size: 1em;
    line-height: 1.5em;
    }


  h1, h2, h3, h4, h5, h6 { margin: 1.2em 0pt;
    font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
    color: rgb(155, 187, 56);
    }


  h1, h2 { font-size: 1.4em;
    }


  h3 { font-size: 1.3em;
    }


  h4 { font-size: 1.2em;
    }


  a { text-decoration: none;
    }


  a:link { color: rgb(229, 135, 18);
    }


  a:visited { color: rgb(185, 111, 23);
    }


  a:hover, a:active { color: rgb(155, 187, 56);
    }


  input, textarea, select { border: 1px solid rgb(193, 192, 181);
    background-color: rgb(250, 250, 240);
    color: rgb(51, 51, 51);
    font-size: 1em;
    font-family: "Lucida Sans Unicode",Tahoma,Arial,sans-serif;
    }


  blockquote { border-left: 4px solid rgb(232, 231, 208);
    margin: 0pt 20px;
    padding: 0pt 20px;
    font-size: 0.9em;
    }


  code { font-family: monospace;
    color: rgb(102, 102, 102);
    }


  form, img { border: 0pt none ;
    margin: 0pt;
    padding: 0pt;
    }


  .small { font-size: 0.9em;
    color: rgb(153, 153, 153);
    }


  #wrapper { margin: 0pt auto;
    width: 750px;
    background-color: rgb(255, 255, 255);
    text-align: left;
    }


  #header { border-bottom: 10px solid rgb(155, 187, 56);
    padding: 30px 0pt 0pt;
    background-color: rgb(245, 245, 231);
    }


  #header h1 { margin: 0pt;
    font-size: 1.8em;
    }


  #header h1 a { text-decoration: none;
    color: rgb(128, 144, 79);
    }


  #content { padding: 0pt 20px;
    float: left;
    voice-family: inherit;
    width: 480px;
    }


  html > body #content { width: 480px;
    }


  * html #content { overflow: hidden;
    }


  #sidebar { padding: 1.8em 20px 0pt;
    float: left;
    font-size: 0.9em;
    voice-family: inherit;
    width: 190px;
    }


  html > body #sidebar { width: 190px;
    }


  #footer { clear: both;
    font-size: 0.9em;
    text-align: right;
    }


  #footer p { border-top: 10px solid rgb(155, 187, 56);
    margin: 0pt;
    padding: 10px 0pt 20px;
    background-color: rgb(232, 232, 206);
    font-size: 0.9em;
    text-align: right;
    }


  #sidebar h2 { margin: 1.2em 0pt 0.6em;
    padding: 0pt 10px 0pt 0pt;
    background: transparent url(images/arrow.gif) no-repeat scroll right center;
    display: inline;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    font-size: 1.1em;
    }


  #sidebar ul { margin: 0pt;
    padding: 0pt;
    list-style-type: none;
    }


  #sidebar ul li {  }


  #sidebar ul ul { border-top: 1px solid rgb(232, 231, 208);
    margin: 1.2em 0pt;
    background-color: rgb(250, 250, 240);
    }


  #sidebar ul ul li { border-bottom: 1px solid rgb(232, 231, 208);
    padding: 0pt 0pt 0pt 10px;
    }


  #sidebar ul ul li a { margin: 0pt 0pt 0pt -10px;
    padding: 2px 10px 0pt;
    display: block;
    voice-family: inherit;
    width: 170px;
    }


  html > body #sidebar ul ul li a { width: 170px;
    }


  #sidebar ul ul li a:hover { background-color: rgb(255, 255, 255);
    }


  #sidebar ul ul ul { border: medium none ;
    margin: 0pt;
    }


  #sidebar ul ul ul li { border-top: 1px solid rgb(232, 231, 208);
    border-bottom: medium none;
    margin: 0pt 0pt 0pt -10px;
    padding: 0pt 0pt 0pt 25px;
    }


  #sidebar ul ul ul li a { margin: 0pt 0pt 0pt -25px;
    padding: 2px 10px 0pt 25px;
    voice-family: inherit;
    width: 155px;
    }


  html > body #sidebar ul ul ul li a { width: 155px;
    }


  .post {  }


  .posttitle { margin-bottom: 0pt;
    width: 100%;
    color: rgb(255, 255, 255);
    overflow: auto;
    }


  .posttitle a { padding: 0pt 10px;
    background: rgb(155, 187, 56) url(images/posttitle.gif) no-repeat scroll right top;
    float: left;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }


  .posttitle a:link, .posttitle a:visited { color: rgb(255, 255, 255);
    }


  .posttitle a:hover, .posttitle a:active { background: rgb(232, 231, 208) url(images/posttitle.gif) no-repeat scroll 100% -91px;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: rgb(128, 144, 79);
    }


  .postmeta { background: transparent url(images/postmeta.gif) no-repeat scroll left top;
    margin-top: 0pt;
    padding-top: 1px;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    font-size: 0.9em;
    color: rgb(153, 153, 153);
    }


  .postentry {  }


  .permalink { margin: 0pt 1.8em 0pt 0pt;
    padding: 0pt 0pt 0pt 14px;
    background: transparent url(images/permalink.gif) no-repeat scroll left center;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }


  .commentslink { padding: 0pt 0pt 0pt 17px;
    background: transparent url(images/commentslink.gif) no-repeat scroll left center;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }


  #commentlist { border-bottom: 1px solid rgb(232, 231, 208);
    margin: 1.2em 0pt;
    padding: 0pt;
    list-style-type: none;
    }


  #commentlist li { border-top: 1px solid rgb(232, 231, 208);
    padding: 1px 20px;
    background-color: rgb(255, 255, 255);
    }


  .alt { background-color: rgb(250, 250, 240) ! important;
    }


  .commenttitle { margin-bottom: 0pt;
    font-size: 1.1em;
    }


  .commentmeta { margin-top: 0pt;
    font-size: 0.9em;
    color: rgb(153, 153, 153);
    }


  #rumwallbtn input.styled {  }


  #rumwallform {  }


  #rumwallform table { width: 100%;
    }


  #rumwallform textarea { width: 98%;
    height: 100px;
    }

Alles anzeigen

Daraus habe ich in meiner termine.php lediglich:
<BODY>
<div id="wrapper">
<h3>

funktioniert ja auch so halb, wie gesagt, Seitenhintergrund, Schrifttyp und Schriftfarbe stimmt - nur die Schriften sind riesig.
Darauf kann ich mir keinen Reim machen, weil de style.css die font-size: 78% definiert ...

Aber ich bin eben alles andere als ein Profi - lacht mich also bitte nicht aus, und vielleicht findet Ihr ja meinen sicher sehr dummen Fehler

Monika

HTML tags haben eine Hierarchie
irgendwo ist für h3 was größeres definiert,

versuche mal bei der Tabelle

Code

table...style="font-size:75%;

dazuzugeben
oder geh auch mal runter auf 50%
ausprobieren..
lG
Monika

nepf

Ja - vielen Dank, so geht's. :D

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Eigene Seite - css - alles zu groß

Jetzt mitmachen!