Zum Inhalt springen

Überschrift mit CSS gestalten geht nicht!

Erstellt am 23. Juli 2007 · 1 Antwort · letzte Antwort am 23. Juli 2007

Tags: Inhaltselemente, HTML & CSS, Frage

sani ·

Hallo,

ich habe bei einem Textinhaltselement eine Überschrift eingetragen (LinnFix), es gelingt mir aber nicht diese als h1 auszugeben bzw. durch css zu formartieren. Langsam habe ich auch den Überblick verloren und verstehe nichts mehr.

Das ganze findet auf dieser Seite statt:

http://p31682.typo3server.info/

Ich sind meine Scripte:

config {
	locale_all = de_DE 
	language = de
	sys_language_uid = 0
	spamProtectEmailAddresses = -2
	spamProtectEmailAddresses_atSubst = @<span class="hide">i-like-no-spam.</span>
	
}
page = PAGE
page.typeNum = 0
page.config.linkVars = L
page.stylesheet = fileadmin/template_linn/css/style.css
page.10 = TEMPLATE
page.10 {
	template = FILE
	template.file = fileadmin/template_linn/index.htm
	workOnSubpart = CONTENT
	}


page.10.marks.INHALT_LINKS	 = CONTENT
page.10.marks.INHALT_LINKS.table= tt_content
page.10.marks.INHALT_LINKS.select.orderBY=sorting
page.10.marks.INHALT_LINKS.select.where = colPos = 0

page.10.marks.INHALT = CONTENT
page.10.marks.INHALT.table= tt_content
page.10.marks.INHALT.select.orderBY=sorting
page.10.marks.INHALT.select.where = colPos = 2

page.10.marks.INHALT_RECHTS = CONTENT
page.10.marks.INHALT_RECHTS.table= tt_content
page.10.marks.INHALT_RECHTS.select.orderBY=sorting
page.10.marks.INHALT_RECHTS.select.where = colPos = 1


page.10.marks.PFAD = HMENU
page.10.marks.PFAD = HMENU
page.10.marks.PFAD.special = rootline
page.10.marks.PFAD.special.range = 2|-1
page.10.marks.PFAD.special.targets.3 = page
page.10.marks.PFAD.1 = TMENU
page.10.marks.PFAD.1.target = _top
page.10.marks.PFAD.1.wrap = |
page.10.marks.PFAD.1.NO {
			allWrap = |  |*|  |  |*| |
		}
	
	
page.10.marks.Menu1 = HMENU
page.10.marks.Menu1 {
	special = directory
	special.value = 19
	wrap = <div class="menu1">|</div>
       	1= TMENU
        1.NO = 1
        
}


	

page.10.marks.Menu2 = HMENU
page.10.marks.Menu2 {
	special = directory
	special.value = 18
        wrap = <div class="menu2">|</div>
        1= TMENU
        1.NO = 1
        1.NO.linkWrap =  | |
}


page.10.marks.Menu3 = HMENU
page.10.marks.Menu3 {
	special = directory
	special.value = 17
      
        1= TMENU
        1.NO = 1
        1.NO.linkWrap =  <tr><td valign="top"> </td><td><div class="menu3">|</div></td></tr>  

       }
       
       
		

page.10.marks.SPRACHE = CONTENT
page.10.marks.SPRACHE.table = tt_content
page.10.marks.SPRACHE.select.pidInList = 18
page.10.marks.SPRACHE.select.orderBy = sorting

[globalVar = GP:L = 2]
page.config.sys_language_uid = 2
page.config.language = en
page.config.locale_all = english
[else]
page.config.sys_language_uid = 1
page.config.language = de
page.config.locale_all = german
[global]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Linn</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="StyleSheet" href="css/style.css" type="text/css" />
</head>

<!-- ###CONTENT### -->
<body>
###SPRACHE###
<div id="bodyWrap">
	<div class="pageWrapper">
		<div id="header">
			<div id="logo">
				<h1>Logo ™</h1>
			</div>
			<div id="heading">
				<div class="head"></div>
				<div class="top">
				###Menu1###
				</div>
				<div class="sub">
				###Menu2### 
				
				</div>
			</div>
		</div>
	</div>
	<div class="pageWrapper" id="main">
		<div class="subTitleOuter">
			<div class="subTitleInner">
						<div class="clear mozclear"></div>
					</div>
		</div>
		<div class="gap">
		</div>
		<div class="subBarOuter">
			<div class="subBarInner">
				
		
				
				 ###INHALT_RECHTS### 
				
				 ###INHALT_LINKS###
				
				
			</div>
		</div>
		<div class="gap">
		</div>

		<div id="mainOuter">
			<div id="mainInner">
				<div class="left">
					<div class="titleSide">
						PRODUKTE
					</div>
				###Menu3### 
					
		
						
					
					<div style="text-align: center;">

						<p id="lang">
						
					</div>
				</div>
				<div class="right">
				</div>
				<div class="content"><div class="titleMain">
					###PFAD###
					</div>		
								
	
			
		###INHALT###
				</div>
				<div class="clear mozclear"></div>
			</div>
		</div>
		<div class="hide" id="nsFooterClear"><!-- for NS4's sake --></div>
		<div id="footer" class="gap">
					2007 Linn Unternehmensgruppe</div>
	</div>
</div>
<!-- ###CONTENT### -->
</body>
</html>
/* -----------------------------------------------------------
					Allgemeines
----------------------------------------------------------- */



body {
	background: #CFE4C3 url('../images/back.jpg');background-repeat:no-repeat;
	background-position:top;
	background-attachment:fixed; padding:0px; 
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, sans-serif;
}

a:link,
a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #163477;
}






.pageWrapper {
	margin: 0 10%;
	width: auto;
	min-width: 620px;
}


.pageWrapper {
	margin: 0 auto;
	width: 730px;
	min-width: 620px;
}



#main {
	border-right: #FFF 2px solid;
	border-left: #FFF 2px solid;
	/* IE Hack. Set this to right colour for now */
	background: #E5EDF1;
}



div#bodyWrap {
	background: url('../images/back_top.jpg') repeat-x;
}



div#bodyWrap {
	width: auto;
	min-width: 770px;
	height: 432px;
}





.subBarInner p {
	margin: 0px 0px 0px 0px;
	padding: 0;
}





/* -----------------------------------------------------------
					Headlines
----------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.twrss_head_channel
{
	margin: 8px 16px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.08em;
}

h1 {
	font-size: 18px;
	color: #164677;
	padding-bottom: 2px;
	border-bottom: 1px solid #B8E9C1;
}

h1 span {
	float: right;
	color: #69839B;
}

/* -----------------------------------------------------------
					Controllers
----------------------------------------------------------- */

.clear {
	clear: both;
}

.hide, #oldBrowserNotice, 
.ieSixCharDupBug {
	display: none;
}

/* -----------------------------------------------------------
					Page Header(s) and Footer
----------------------------------------------------------- */

#header {
	height: 146px;
	margin-right: -2px; /* Box model adjustment */
}

#header #logo {
	width: 223px;
	float: left;
	background: url('../images/logo.gif') no-repeat #FFF;
	margin: 0 -3px;
	height: 146px;
	position: absolute;
	z-index: 100;
}

#header #logo h1 {
	display: none;
}

#heading .head {
	height: 78px;
	background: url('../images/header.jpg') no-repeat right top #FFF;
	border-right: 1px solid #fff;
	position: relative;
	margin-right: -2px;
}

* html #heading .head {
  margin-right: -4px; /* Extra 2px due to IE Box model */
}

#heading .top, 
#heading .sub {
	color: #FFF;
	margin: 10px 10px 0 0;
	float: right;
	width: 560px;
	text-align: right;
	height: 22px;
}

#heading a:link,
#heading a:visited {
	font-size: 10px;
	font-weight: bold;
	color: #1A3892;
	margin-left: 32px;
	padding: 9px 4px 11px 4px;
}

#heading a:hover {
	color: #ffffff;
	background: #1A3892;
	padding: 9px 4px 11px 4px;
}

#heading .sub {
	clear: right;
}


#heading .sub a:link,
#heading .sub a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	margin-left: 32px;
	padding: 7px 4px 12px 4px;
}

#heading .sub a:hover {
	 font-color: #1A3892;
	
}


#footer {
	position: relative;	/* IE fix */
	padding: 4px 24px;
	color: #249;
	background: #C6DBDB;
}


#sprache {

	padding: 20 px;
}



/* --------------------- Menues -------------------- */






#menu1 a {
font-size: 11px;
font-family: Verdana, sans-serif;
font-color:#000000;
text-decoration:none;
}

.menu2 a {
color:#000000;
text-decoration:none;
}

.menu3 a {
color:#000000;
padding-left: 28px;
text-decoration:none;
}

/* -----------------------------------------------------------
						Layout Controls
----------------------------------------------------------- */

/* --------------------- Common to both -------------------- */

#mainInner,
div.subBarInner {

	z-index: 2;
	width: 100%;
	border-right: #FFF 1px solid;

}



#mainOuter div.left,
#mainOuter div.right,
#mainOuter div.content,





div.subBarInner div.content,
div.subBarInner div.right,
div.subTitleInner div.content,
div.subTitleInner div.right {
	/* For Sub elements of #mainOuter AND div.subBarInner */
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
}


/* -----------------------------------------------------------
					Hauptinahlte oben
----------------------------------------------------------- */


div.subBarOuter,
div.subTitleOuter {
	z-index: 1;
	border-style: solid;
	border-color: #E5EDF1;
	border-width: 0;
}

div.subBarInner div.right,
div.subTitleInner div.right {
	float: right;
	
}

div.subBarInner div.content {

}

div.subTitleInner div.content {
	margin: 0 0; /* Ensure floating */
	width: 100%;
}



/* -----------------------------------------------------------
					Hauptinahlte
----------------------------------------------------------- */


#mainOuter {
	z-index: 1;
	border-left: 16em #E6EEF0 solid;
	
}

#mainInner {
	border-left: 1px solid #FFF;
	background: #ffffff;
}

#mainOuter .content {
	margin: 0 -1px;	/* Ensure floating */
	width: 100%;
}

#mainOuter .right {
	/* Not used for now */
	float: right; 			/* Possiblity for NN4 layout */
	width: 15em;
	margin: 0 -15em 0 1px;	/* Column position */
}

#mainOuter .left {
	width: 16em;
	margin: 0 1px 0 -16em;	/* Column position */
}




/* -----------------------------------------------------------
					Menü Produkte
----------------------------------------------------------- */


div.gap {
	border-top: 2px solid #FFF;
	background: #CDE;
	position: relative;
}


html>body .mozclear {
	border-bottom: 0px solid white;	/* help mozilla recognize empty  clearing element */
	margin-bottom: -1px;                  /* compensate for 1px space used by border */
}






/* -----------------------------------------------------------
						Fix BugIE :-|
----------------------------------------------------------- */

* html #mainInner, * html div.subBarInner, * html div.subTitleInner {
	position: relative;	/* fix a render bug in IE under certain conditions */
}

* html div.gap {
	margin-right: -4px;
}

* html #mainOuter {
	border-right: 4px #0B70CE solid;
}





/* -----------------------------------------------------------
  Ausrichtung Produktbutton 
----------------------------------------------------------- */



.leftInside,
.titleSide,
#mainInner .left div.button1,
#mainInner .left div.button2 {
	margin-left: -2px;
	margin-right: 2px;
}



/* -----------------------------------------------------------
  Format Content  Hauptbild 
----------------------------------------------------------- */


div.subBarInner {
	background: #ffffff  ;
	
	
}


div.subBarOuter,
div.subTitleOuter {
	border-right-width: 20em;
	
}






/* -----------------------------------------------------------
  Format Mittelbar
----------------------------------------------------------- */



.titleSide,
.titleMain {
	padding: 8px 16px 4px 16px;
	border-bottom: 1px solid #FFF;
	letter-spacing: 0.1em;
	height: 16px;
}


/* -----------------------------------------------------------
  Background Produktnavi
----------------------------------------------------------- */



.titleSide {
	background: #1A3892 repeat-y left url('../images/title1.gif');
	color: #ffffff;
	margin-bottom: 12px;
	font-size: 12px;
	padding-left: 32px;
}


/* -----------------------------------------------------------
  Rootline
----------------------------------------------------------- */


.titleMain {
	background: #C6DBDB;
	color:#ffffff;
	font-size: 11px;
}




.rootline { }

/* -----------------------------------------------------------
  Text Inhalt
----------------------------------------------------------- */


.content p {
	color: #274563;
	line-height: 1.6em;
	font-size: 12px;
	letter-spacing: 0.05em;
	padding: 0 16px 8px 16px;
}



}
.content h1 {
	font-size: 1.2em;
	color: #666666;
	margin-bottom: 4px;

[/url]

rutsch ·

Hy Sani,

im Quelltext deiner HTML-Seite habe ich keine entsprechende Überschrift gefunden???

Vielleicht macht Dir folgender Eintrag im CSS-File Probleme:

/* -----------------------------------------------------------
                                        Headlines
----------------------------------------------------------- */
 
h1,
h2,
h3,
h4,
h5,
h6,
.twrss_head_channel
{
        margin: 8px 16px;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0.08em;
}

Grüße