Zum Inhalt springen

Abstände - die Zwanzigste!

Erstellt am 7. Juli 2006 · 7 Antworten · letzte Antwort am 10. Juli 2006

Tags: Frage

Damian007 ·

Ich bin jetzt schon leicht am verzweifeln, weil ich schon so viel versucht habe und auch hier im Forum schon so viel gesucht habe und nicht fündig geworden bin.

Mein Problem ist sobald ich das CSS Styled Content Template einbinde funktioniert das mit den Abständen nicht mehr. Ich will das der normale Text gleich unter der Überschrift auftaucht. Es soll kein Meter Abstand zwischen der Überschrift und dem Text sein. Also Überschrift und gleich in der nächsten Zeile dann der Text.

Mit Überschrift meine ich die Überschrift des Seitenelements und nicht eine Überschrift die ich im Editor formatiert habe. Ich hoffe Ihr wisst jetzt was ich meine.

Kann man dieses Problem nur über css lösen und wie? Oder über TS und hier auch wie?

Ihr könnt auch mal auf die Homepage gucken damit Ihr mein Problem besser versteht.
Homepage: http://www.atoll-espelkamp.de/V2

Constants:

PAGE_TARGET =

plugin.tx_ttrating_pi1 >
plugin.tx_ttrating_pi1 {

  formdata = | *tx_ttrating[EDIT][rating]=select |0 - Bewerten=0, 5 - Excellent=5, 4 - Gut=4, 3 - In Ordnung=3, 2 - Sollte noch dran gearbeitet werden=2, 1 - Mangelhaft=1 ||  | formtype_db = submit | Bewerten

  notRatedMsg = Diese Seite wurde bisher noch nicht bewertet
  submittedRatingMsg = Durchschnittliche Bewertung: ###SUBMITTED_RATING###.
  doubleRatingMsg = Sie haben diese Seite folgendermaßen bewertet:
  textOutput =   <b>###RATING###</b> (###VOTES### Stimme/n)

  highestRating = 5
  lowestRating = 1
  ratingStatSteps = 5
  ratingOutputWidth = 110

  goodImgFile = EXT:tt_rating/res/star.gif
  badImgFile = EXT:tt_rating/res/star_grey.gif
  maskImgFile = EXT:tt_rating/res/star_mask.gif
  tileImg = 5
}
plugin.tt_news.file.templateFile = fileadmin/template/news_template.html
styles.content.imgtext.maxW = 540
plugin.tt_news.color1 = white
plugin.tt_news.color2 = white
plugin.tt_news.color3 = white
plugin.tt_news.color4 = white

tt_content.text >
content.wrap.header1 = |
content.wrap.header2 = |
content.wrap.header3 = |
content.wrap.header4 = |
content.wrap.header5 = |
content.headerSpace = 0
content.space = 0
content.wrap.header = | 

content.tableCellColor = #CDF0FF
content.wrap.bodytext = |
content.break.bodytext =

Setup:

page = PAGE
page.stylesheet = fileadmin/template/css/styles.css
config{
  language = de
  locale_all = deutsch
  admPanel = 1
}
page.bodyTag = <body link="#000000" vlink="#000000" alink="#000000" scroll="auto" bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

page.10 = TEMPLATE
page.10 {
  template = FILE
  template.file = template*.htm
  #template.file = fileadmin/template/template.htm

workOnSubpart = DOKUMENT_BODY

workOnSubpart = DOKUMENT_BODY
subparts.CONTENT < styles.content.get
subparts.CONTENT_R < styles.content.getRight

subparts.linke_navi = HMENU
subparts.linke_navi{
 special = directory
 special.value = 1
 entryLevel = 0
 #maxItems = 5
 excludeUidList = 54,55
 1 = GMENU
 1 {
  NO {
   XY = [10.w],[10.h]
   10 = IMAGE
   10.file = fileadmin/buttons/rot_no.jpg || fileadmin/buttons/gelb_no.jpg || fileadmin/buttons/gruen_no.jpg || fileadmin/buttons/blau_no.jpg || fileadmin/buttons/orange_no.jpg || fileadmin/buttons/blau2_no.jpg || fileadmin/buttons/gruen_no.jpg
   20 = TEXT
   20.allWrap = | <br />
   20.niceText = 1
   20.text.field = title
   20.offset = 15,25
   20.fontColor = white
   20.fontFile = GEO706KC*.TTF
   20.fontSize = 14
  }
  RO < .NO
  RO = 1
  RO.10.file = fileadmin/buttons/rot_ro.jpg || fileadmin/buttons/gelb_ro.jpg || fileadmin/buttons/gruen_ro.jpg || fileadmin/buttons/blau_ro.jpg || fileadmin/buttons/orange_ro.jpg || fileadmin/buttons/blau2_ro.jpg || fileadmin/buttons/gruen_ro.jpg

  ACT < .NO
  ACT = 1
  ACT.10.file = fileadmin/buttons/rot_act.jpg || fileadmin/buttons/gelb_act.jpg || fileadmin/buttons/gruen_act.jpg || fileadmin/buttons/blau_act.jpg || fileadmin/buttons/orange_act.jpg || fileadmin/buttons/blau2_act.jpg || fileadmin/buttons/gruen_act.jpg
 }
 2 = GMENU
  2{
  NO {
  
   XY = [10.w],[10.h]
   10 = IMAGE
   10.file = button_sub_no*.jpg
  
   20 = TEXT
   20.niceText = 1
   20.text.field = title
   20.offset = 15,17
   20.fontColor = #3D709B
   20.fontFile = GEO706KC*.TTF
   20.fontSize = 12
  
   wrap = |
 
  }
  RO < .NO
  RO = 1
  RO.10.file = button_sub_ro*.jpg

  ACT < .NO
  ACT = 1
  ACT.10.file = button_sub_act*.jpg
 }
}

subparts.header_navi = HMENU
subparts.header_navi{
 special = directory
 special.value = 1
 entryLevel = 0
 maxItems = 5
 excludeUidList = 54,55,57,62
 1 = GMENU
 1 {
  NO {
   XY = [10.w],[10.h] || [10.w],[10.h] || [10.w],[10.h] || [10.w],[10.h] || [10.w],[10.h]
   10 = IMAGE
   10.file = fileadmin/buttons/button_weiss.jpg || fileadmin/buttons/button_weiss_2.jpg || fileadmin/buttons/button_weiss.jpg || fileadmin/buttons/button_weiss_2.jpg || fileadmin/buttons/button_weiss_2.jpg   
   20 = TEXT
   20.niceText = 1
   20.text.field = title
   20.offset = 20,35 || 30,35 || 15,35 || 45,35 || 30,35 || 20,35
   20.fontColor = #E2001A || #FABB00 || #009036 || #1E2CF5 || #EE7F00
   20.fontFile = OZHANDIN*.TTF
   20.fontSize = 24
  }
 }
}

subparts.rechte_navi = HMENU
subparts.rechte_navi{
 special = directory
 special.value = 69
 1 = GMENU
 1 {
  NO {
   XY = [10.w],[10.h]
   10 = IMAGE
   10.file = fileadmin/buttons/button_weiss_3.jpg  
   20 = TEXT
   20.niceText = 1
   20.text.field = title
   20.offset = 10,17 || 30,17
   20.fontColor = #0A4FAB
   20.fontFile = GEO706KC*.TTF
   20.fontSize = 12
  }
 }
}

}
igorshmigor ·

Die Überschrift ist mit h1 formatiert. h1 hatt standardmäßig einen Abstand.
Mit

h1 {
margin-bottom: 0px;
}

setzt Du den Abstand auf 0.

Damian007 ·

Jetzt habe ich es gemacht und es funktioniert trotzdem nicht richtig. Es wirkt sich nur auf eine Überschrift aus. Es ist ziemlich in der Mitte der Startseite wo Aktionen steht. Das ist die Überschriften der News. Diese Überschrift hat auch den richtigen Abstand.

Vor den Texten steht auch immer class="csc-header csc-header-n2". Welchen Namen muss ich eigentlich in meine css Datei aufnehmen um den Inhalt umzuformatieren. Muss ich in meiner CSS-Datei csc-header oder csc-header-n2 aufnehmen. Ich steige da nicht so ganz durch. Kann mir da jemand helfen.

Ich arbeite noch nicht ganz so lange mit typo3 und mit css – Formatierung im Bezug auf typo3 noch kürzer. Also auch wenn diese Frage für euch lächerlich sein sollte dann ist es für mich eine große Hilfe.

Damian007 ·

Das hab ich schon alles probiert aber irgendwie wollen die Anstände nicht kleiner werden. Auch die Abstände in den Texten sind so groß. Gibt es da vielleicht irgendwo Standart css das nur dafür da ist um alle Abstände in Typo3 auf null zu setzen. Ich dreh hier sonst noch durch.

nickno ·

Erstmal ist dies nicht das richtige Forum für CSS Belange. Aber abgesehen davon kannst du alle Abstände mit

* {margin:0;padding:0;}

auf null setzen, aber es macht keinen Sinn, weil der Text dann unübersichtlich wird.

Ich würde es an deiner Stelle so lassen. Wenn du dir die Größen der Elemente auf der Seite anschaust, siehst du übrigens, dass der Abstand von dem Text stammt. Also müsstest du in etwa so

p{margin-top:0px;padding-top:0px}

ansetzen. Dies siehst du auch im folgenden Screenshot:
Bild: niemeier.it/…/abstand.png

Gruß
Tim

chris3 ·

... also, im FireFox sieht's gut aus ... hast Du das in der Zwischenzeit geändert ?
Generell macht typo3 - wenn Du mit dem RTE Inhalte einpflegst - für ein Enter einen Paragraph. Wenn Du das verhindern möchtest, einfach SHIFT-Enter benutzen ... 😉

Achja - bei "genießen & erleben" steht im Menu "Ralaxen" statt "Relaxen" ... #paralyzed#