Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: Text in der Mitte anzeigen lassen

  1. #1
    Teeny
    Registriert seit
    09.01.2007
    Ort
    Merzig im Saarland
    Beiträge
    49
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Text in der Mitte anzeigen lassen

    Hallo,
    ich versuche diesen Text in der Mitte anzeigen zu lassen:

    Powered by IPCMS Beta 2 © 2006 - 2007, Internet-Projects.net
    PC-Friends.info Beta 1 © 2006 - 2007, Internet-Projects.net
    Design 1.0 © 2002 - 2007, vbdesigns.de
    Dazu verwende ich den Code:

    Code:
    <td align="center">
    <small>Powered by IPCMS Beta 2 &copy; 2006 - 2007, Internet-Projects.net
    
    PC-Friends.info Beta 1 &copy; 2006 - 2007, Internet-Projects.net
    
    Design 1.0 &copy; 2002 - 2007, vbdesigns.de</td>
    </body>
    </html>
    Allerding wird dies nicht in der Mitte angezeigt! Zu sehen hier: www.pc-friends.info

    Was mache ich falsch?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Mit freundlichen Grüßen,
    Pascal

  2. #2
    Interessierte/r
    Registriert seit
    20.02.2005
    Beiträge
    120
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,

    statt der Deklarierung als Tabellenfeld z.B. ein div verwenden, Tabellenfelder als einzelne Elemente funktionieren nicht und sind an sich unsinnig.

    Code:
    <div class="copy">
    <small>Powered by IPCMS Beta 2 &copy; 2006 - 2007, Internet-Projects.net
    
    
    PC-Friends.info Beta 1 &copy; 2006 - 2007, Internet-Projects.net
    
    
    Design 1.0 &copy; 2002 - 2007, vbdesigns.de
    </div>
    Da du ja eh schon eine *.css-Datei verwendest, einfach um den folgenden Teil erweitern
    Code:
    div.copy &#123;
    margin&#58;0 auto 0 auto;
    text-align&#58;center;
    &#125;
    Die Klasse kann natürlich auch jede andere Bezeichnung bekommen.

    Das Feld ist dann zentriert und der Text ist im Feld auch zentriert. Wenn er linksbündig sein soll, text-align entsprechend mit "left" zuweisen.
    SELFHTML - Die Energie des Verstehens
    HTML-Validator
    CSS-Validator
    Links zu CSS-Lösungen für allerlei Probleme

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    09.01.2007
    Ort
    Merzig im Saarland
    Beiträge
    49
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Mensch, es gibt doch noch Menschen die schlau sind. Dankeschön! Darauf wäre ich nie gekommen
    Mit freundlichen Grüßen,
    Pascal

  4. #4
    Fortgeschrittene/r
    Registriert seit
    14.12.2006
    Ort
    Fayetteville, Arkansas
    Beiträge
    191
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Noch einfacher waere es mit <center> ... </center>
    "Progress is not made by ambitious early risers, progress is made by lazy people looking for an easier way to do things."
    -- I'm not sure who said it, but he/she is my hero --

  5. #5
    Interessierte/r
    Registriert seit
    20.02.2005
    Beiträge
    120
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Sicher geht es kürzer, dummerweise ist diese Variante nicht mehr der aktuelle Stand der "Technik" ...

    http://de.selfhtml.org/html/text/ber...lock_zentriert

    Zitat Zitat von SELFHTML
    Dieses Element ist jedoch als deprecated eingestuft. Es ist mittlerweile eigentlich überflüssig und sollte nur noch in begründeten Ausnahmefällen (z.B. Abwärtskompatibilität zu Netscape 1.1) benutzt werden.
    Das W3C drängt mehr oder minder stark auf die Nutzung von CSS zur Formatierung.
    SELFHTML - Die Energie des Verstehens
    HTML-Validator
    CSS-Validator
    Links zu CSS-Lösungen für allerlei Probleme

  6. #6
    HTML Newbie
    Registriert seit
    11.04.2007
    Ort
    Braunschweig
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Text in der Mitte anzeigen lassen im IE

    Hallo an alle!

    Ich bin neu hier bei euch und Anfänger in HTML.

    Ich bin über die Suchfunktion auf diesen Thread gestoßen der meinem Problem

    ähnelt. Ich bekomme es einfach nicht hin das meine "Überschrift" die sich in einem

    Container befindet mittig im IE angezeigt wird. Firefox 2.0 und Opera 9.10 kein

    problem. Das beispiel hier in diesem Thread habe ich probiert selbst mit dem

    Beispiel von selfhtml hatte ich kein erfolg. Mein IE hat die ver. 6 arbeiten tue ich

    mit Golive. Das stylesheet habe ich in einer externen css-Datei.


    Meine html-datei!

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
    
    	<head>
    		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    		<meta name="generator" content="Adobe GoLive" />
    		<title>Titel</title>
    		<link href="css/grundlayout1.css" rel="stylesheet" type="text/css" media="all" />
    		
    	
    	</head>
    <body>
    		<div id="logolinks">
    			[img]images/logo.gif[/img]
    		</div>
    	
    		<div id="header">
    			<div class="firmenname">Firmenname</div>
    		</div>
    	
    		<div id="logorechts">
    			[img]images/logo.gif[/img]
    		</div>
    		
    		<div id="navlinksbg"></div>
    						
    		<div id="content"></div>
    		
    		<div id="kontaktdaten"></div>
    	</body>
    
    </html>

    Meine css-datei!

    Code:
    body &#123; background-color&#58; #ffc; background-image&#58; url&#40;../images/bg_nav_links.gif&#41;; background-repeat&#58; repeat-y; margin&#58; 0px 0px 0px 0px; &#125;
    div.firmenname &#123;text-align&#58;center; color&#58; black; font-size&#58; 2em; font-family&#58; Verdana, Arial, Helvetica, sans-serif; font-weight&#58; bold; &#125;
    html &#123; 	min-height&#58; 100.05%; &#125;
    #content &#123; left&#58; 220px; bottom&#58; 0; right&#58; 0; top&#58; 100px; position&#58; absolute; visibility&#58; visible; &#125;
    #header &#123; height&#58; 100px; left&#58; 189px; top&#58; 0; position&#58; absolute; right&#58; 189px; visibility&#58; visible; &#125;
    #kontaktdaten &#123; height&#58; 100px; width&#58; 220px; left&#58; 0; position&#58; absolute; bottom&#58; 0; visibility&#58; visible; &#125;
    #logolinks &#123; width&#58; 189px; left&#58; 0; top&#58; 0; position&#58; absolute; height&#58; 100px; visibility&#58; visible; &#125;
    #logorechts &#123; height&#58; 100px; width&#58; 189px; top&#58; 0; position&#58; absolute; right&#58; 0; visibility&#58; visible; &#125;
    #navlinksbg &#123; width&#58; 220px; left&#58; 0; bottom&#58; 100px; top&#58; 100px; position&#58; absolute; visibility&#58; visible; &#125;
    Na wo habe ich was falsch gemacht??? Oder muß hier nur ein IE-Hack angewendet werden?

    Für ein paar Tips wäre ich sehr dankbar.

    Mfg crusader19

  7. #7
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Probier's mal so:
    CSS
    Code:
    body &#123; background-color&#58; #ffc; background-image&#58; url&#40;../images/bg_nav_links.gif&#41;; background-repeat&#58; repeat-y; margin&#58; 0px 0px 0px 0px; &#125;
    div.firmenname &#123;text-align&#58;center; color&#58; black; font-size&#58; 2em; font-family&#58; Verdana, Arial, Helvetica, sans-serif; font-weight&#58; bold; &#125;
    html &#123;    min-height&#58; 100.05%; &#125;
    #content &#123; left&#58; 220px; bottom&#58; 0; right&#58; 0; top&#58; 100px; position&#58; absolute; visibility&#58; visible; &#125;
    #kontaktdaten &#123; height&#58; 100px; width&#58; 220px; left&#58; 0; position&#58; absolute; bottom&#58; 0; visibility&#58; visible; &#125;
    #logolinks &#123;width&#58; 189px; float&#58;left; height&#58; 100px; visibility&#58; visible; &#125;
    #logorechts &#123;height&#58; 100px; width&#58; 189px; float&#58;right; visibility&#58; visible; &#125;
    #navlinksbg &#123; width&#58; 220px; left&#58; 0; bottom&#58; 100px; top&#58; 100px; position&#58; absolute; visibility&#58; visible; &#125;
    HTML
    Code:
    <body>
          <div id="logolinks">
             [img]images/logo.gif[/img]
          </div>
          <div id="logorechts">
             [img]images/logo.gif[/img]
          </div>
    <div class="firmenname">Firmenname</div>
          <div id="navlinksbg"></div>
    
          <div id="content"></div>
    
          <div id="kontaktdaten"></div>
    </body>

  8. #8
    HTML Newbie
    Registriert seit
    11.04.2007
    Ort
    Braunschweig
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Text in der mitte anzeigen lassen

    Hallo sejuma,

    Vielen Dank für deine schnelle und hielfreiche antwort.

    Funktioniert prima lag also an dem Container #header. aber warum, kannst du es mir vieleicht noch erklären?

    Was ist denn wenn ich da vieleicht später doch noch mal was anderes machen möchte ? Vieleicht eine waagerechte Navigationsleiste oder Bilder!

    Wann macht es denn überhaupt sinn einen Container zu benutzen? so wie es schon gemacht habe, nur an der stelle nicht mit "Text"!?

    Vielen Dank noch.

    Mfg Crusader19

  9. #9
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Die beiden Logos werden gefloatet statt absolut positioniert. Die Wirkung ist in diesem Fall die gleiche, aber absolute Positionierungen sollte man nur gezielt einsetzen, z.B. wenn sich div's bewusst überlappen sollen. Ansonsten finde ich die float-Methode sinnvoller.
    Den header hattest du absolut positioniert: entweder 189 px von links oder 189px von rechts. Das widerspricht sich eigentlich. Positionierungen nimmt mann normalerweise entweder von top und left oder von top und right vor.
    Wenn du bei deinem Code die Positionierungsangaben für den header weglässt, dann schiebt er sich automatisch zwischen die beiden Logos und nimmt die verbleibende Breite ein.
    Das wäre dann in deinem Sinn.
    Wenn du also bei deinem code den header so definierst
    Code:
    #header &#123; height&#58; 100px;&#125;
    müsste die zentrierung ebenfalls klappen.

    Indem ich den header mit den ursprünglich absoluten Positionsangaben vollständig weggelassen habe, wurde der gleiche Effekt erzielt.

    Container oder id's (#xxx) werden dann verwendet, wenn sie nur einmal pro Seite vorkommen (Eindeutigkeit). Mit ihnen verbindet mann insbesondere die Positionierung von Elementen und deren Formatierung.
    Klassen (.xxx) könen dagegen mehrmals pro Seite vorkommen.
    In deinem Fall hättest du statt ".firmenname" auch eine Überschrift, z.B. "h1" definieren können.

  10. #10
    HTML Newbie
    Registriert seit
    11.04.2007
    Ort
    Braunschweig
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Text in der Mitte anzeigen lassen

    Hallo sejuma;

    Danke für deine Antwort war schon sehr hilfreich für mich.

    Was mich noch interessiert ist warum es nicht im ie funktioniert hat. Kommt der ie mit der absoluten positionierung nicht klar?

    Ich habe das mit dem

    Code:
    #header &#123; height&#58; 100px;&#125;

    ausprobiert jetzt befindet sich der container links oben in der ecke?!

    Oder habe ich dich jetzt gerade richtig verstanden das ich die container für die logos floaten lassen muß damit das mit dem obenstehenden css code funktioniert?

    Bin jetzt ein bißchen verwirrt.

    Aber trotzdem vielen dank für deine hilfe.

    Mfg crusader19

Ähnliche Themen

  1. Text nach Formular abschicken über diesem anzeigen lassen
    Von zahlenmeer im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 9
    Letzter Beitrag: 03.08.2008, 14:43
  2. Text ausrichten ... aber nicht an der Mitte!
    Von The User im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 16.11.2007, 19:09
  3. Datei Anzeigen Lassen mit PHP
    Von ghost2108 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 21.10.2007, 22:49
  4. Geburtstage anzeigen lassen
    Von HogansHeroes im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 28.05.2007, 10:16
  5. text in die mitte
    Von Quadroman im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 23.11.2005, 23:22

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •