SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Der CSS-Problemlöser

Der CSS-Problemlöser zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #11  
Alt 10.03.2008, 21:27:21
Benutzerbild von |Coding
|Coding |Coding ist offline
Administrator
 
Registriert seit: Apr 2002
Ort: Bergheim
Alter: 41
Beiträge: 5.255
|Coding eine Nachricht über Skype™ schicken
AW: HP mittig platzieren

Hi!

Das geht sehr gut mit div-Elementen und etwas CSS.
Ich habe Dir hier mal ein kleines Beispiel erstellt: http://www.selfphp.de/beispiele-foru...statt-tabelle/
__________________
Gruß |Coding

---
Qozido® - Die Bilderverwaltung mit Logbuch für Taucher und Schnorchler.

www.qozido.de
Mit Zitat antworten
  #12  
Alt 10.03.2008, 22:38:44
ksticker ksticker ist offline
Member
 
Registriert seit: Nov 2007
Ort: Karlsruhe, Dresden
Alter: 35
Beiträge: 596
ksticker eine Nachricht über ICQ schicken
AW: HP mittig platzieren

Danke, werde mir das Beispiel aber erst morgen anguggen können, hab heute einfach keine Zeit mehr.
Mit Zitat antworten
  #13  
Alt 11.03.2008, 08:44:06
FabianWesner FabianWesner ist offline
Junior Member
 
Registriert seit: May 2007
Beiträge: 170
AW: HP mittig platzieren

@ksticker
Hattest Du die anderen Beiträge nicht gelesen?
__________________
Fabian Wesner - Freelancer: Webentwicklung und Programmierung
Mit Zitat antworten
  #14  
Alt 12.03.2008, 18:35:56
ksticker ksticker ist offline
Member
 
Registriert seit: Nov 2007
Ort: Karlsruhe, Dresden
Alter: 35
Beiträge: 596
ksticker eine Nachricht über ICQ schicken
AW: HP mittig platzieren

Danke, für das Beispiel, werde wohl in Zukunft meine Seite mit CSS Formatieren.

Und ja, ich habe die Beiträge gelesen, ich wollte halt nur mal zeigen wie ich das immer mit Tabellen mach.

P.S. Wenn ich nicht gepostet hääte, hätte ich jetzt nicht den wertvollen Tipp :-)
Mit Zitat antworten
  #15  
Alt 17.03.2008, 03:16:50
ascer ascer ist offline
Anfänger
 
Registriert seit: Oct 2006
Beiträge: 137
AW: HP mittig platzieren

CSS und DIVs, das war schon der richtige Ansatz...

ich würde allerdings Klassen benutzen, find ich immer deutlich praktischer als den Kram über die ID anzusprechen...

@TomDD: in deiner CSS müsste doch aber eigentlich ein Fehler sein? Vom Prinzip her richtig, aber wenn du es mittig haben willst kannst du doch nicht left:50% sagen?!
das würde doch heissen, das du dein DIV immer 50% von der Größe der gesamten Page vom linken Rand entfernst...ergo wäre es nie in der Mitte...mag sein das durch dein margin:auto das "kompensiert" wird, aber richtig ist es meines Erachtens nicht, hast du davon abgesehen das auch mal mit mehreren Browsern probiert? FireFox und der IE reagieren nämlich bei einigen Sachen, wie z.B. der Positionierung, auf einige Sachen unterschiedlich...

gruß,
Ascer
Mit Zitat antworten
  #16  
Alt 17.03.2008, 12:19:06
Benutzerbild von |Coding
|Coding |Coding ist offline
Administrator
 
Registriert seit: Apr 2002
Ort: Bergheim
Alter: 41
Beiträge: 5.255
|Coding eine Nachricht über Skype™ schicken
AW: HP mittig platzieren

Zitat:
Zitat von ascer Beitrag anzeigen
...ich würde allerdings Klassen benutzen, find ich immer deutlich praktischer als den Kram über die ID anzusprechen...
Das verstehe ich jetzt nicht. Warum sind Klassen denn praktischer als ID's?


Zitat:
Zitat von ascer Beitrag anzeigen
@TomDD: in deiner CSS müsste doch aber eigentlich ein Fehler sein?
Da sind wirklich einige Fehler drin. So sollte es eigentlich aussehen:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
  <head>
    <style type="text/css">
      #container
      {
        width: 800px;
        margin: auto;
      }
    </style>
  </head>
  <body>
    <div id="container">
      ...Inhalt der Seite...
    </div>
  </body>
</html>
__________________
Gruß |Coding

---
Qozido® - Die Bilderverwaltung mit Logbuch für Taucher und Schnorchler.

www.qozido.de
Mit Zitat antworten
  #17  
Alt 17.03.2008, 14:57:59
ascer ascer ist offline
Anfänger
 
Registriert seit: Oct 2006
Beiträge: 137
AW: HP mittig platzieren

also kann natürlich sein, weiß ich jetzt nicht da ich nie id's benutze (für css), aber meines wissens kann man einem div ( oder was auch immer ) nicht mehrere id's geben?! Mehrere CSS-Klassen kann man einem div aber sehr wohl zuteilen und davon abgesehen benutzt ich die id immer für JavaScript's, wenn ich sie benutze und ich finds einfach schöner weil das dann ne Trennung voneinander gibt, also JavaScript / CSS, so hab ich für jeden Zweck quasi nen eigenen "kram"...


aber das dürfte doch zumindest im IE nicht funktionieren mit nur den 2 angaben, ich muss zugeben, dass weiß ich jetzt auch nicht genau, aber meines wissens nach braucht der IE um mit margin was mittig zu platzieren abgesehen von der größe des elements doch noch ein position attribut?!

gruß,
Ascer


edit: was ich ja beinahe noch vergessen hätte, ich benutze zwar keine Web-2.0 Bibliothek oder sowas wie Ext-JS oder solch große Bibliotheken, hab ich mir zwar mal angeschaut, aber fand ich deutlich zu komplex, aber ich hab durchaus ja auch mal AJAX im Einsatz, wobei ich ein Script ungefähr von der größe einer DIN A4 Seite hab für AJAX und dann noch meine selber gecodete "mini-bibliothek" um z.B. CSS Klassen auf DIVs zu packen per JavaScript...mir wäre neu das man auch einfach IDs per JavaScript auf nen div packen kann, denn die ID ist ja eigentlich gerade für die Identifikation da...deshalb hab ich unterem auch immer CSS Klassen und gehe nie den Weg über IDs für Styles...

Geändert von ascer (17.03.2008 um 15:02:47 Uhr)
Mit Zitat antworten
  #18  
Alt 18.03.2008, 10:53:34
FabianWesner FabianWesner ist offline
Junior Member
 
Registriert seit: May 2007
Beiträge: 170
AW: HP mittig platzieren

IDs und Klassen
Eine ID verwendet man für Objekte, die nur einmal auf einer Seite vorkommen. Egal ob man sie mit Javascript oder CSS adressiert. Beispiel wäre ein Logo. Es macht keinen Sinn einem Objekt mehrere IDs zuzuweisen (Oder hat hier ein User auch mehrere Personalausweisnummern?).

Eine Klasse verwendet man hingegegen für eine Gruppen von Ojekten, beispielsweise ein einzelner Navigationspunkt.

Mit IDs kann man seinen CSS-Code schön schlank halten, wenn man sie richtig einsetzt.
Ich mache das immer so:
HTML-Code:
<div id="content">
<h1>...</h1>
<p>...</p>
</div>
Im CSS kann ich jetzt über die eine ID 'content' alle Formatierungen angeben:
HTML-Code:
div#content{
 color: black;
 font-size:12px;
}

div#content h1{
 font-size:14px;
}

div#content p{
  margin-top:10px;
}
__________________
Fabian Wesner - Freelancer: Webentwicklung und Programmierung

Geändert von FabianWesner (18.03.2008 um 11:12:31 Uhr)
Mit Zitat antworten
  #19  
Alt 18.03.2008, 11:03:27
FabianWesner FabianWesner ist offline
Junior Member
 
Registriert seit: May 2007
Beiträge: 170
AW: HP mittig platzieren

Horizontale Zentrierung mit margin:auto;

Einen Container kann man mit margin:auto; horizontal zentrieren.

Dabei sollte man folgendes beachten: Der Internet Explorer 6 stellt Webseiten auf verschiedene Art und Weise dar. Je nach dem in welchem Modus er sich befindet. Der Befehl margin:auto; funktioniert nur im Standardkonformen Modus, der immer dann verwendet wird wenn man validen XHTML-Code verwendet. Die meisten Webseiten verwenden aber nicht korrekten HTML-Code. Diese Webseiten stellt der Internet Explorer im sogenannten Quirks-Modus dar. Dann funktioniert der Befehl margin:auto; nicht.

So funktioniert es (von |Coding kopiert)
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
  <head>
    <style type="text/css">
      #container
      {
        width: 800px;
        margin: auto;
        background: red;
      }
    </style>
  </head>
  <body>
    <div id="container">
      ...Inhalt der Seite...
    </div>
  </body>
</html>
So funktioniert es nicht im IE 6 (Doctype-Angabe fehlt -> Seite ist nicht valide)
HTML-Code:
<html>
  <head>
    <style type="text/css">
      #container
      {
        width: 800px;
        margin: auto;
        background: red;
      }
    </style>
  </head>
  <body>
    <div id="container">
      ...Inhalt der Seite...
    </div>
  </body>
</html>
__________________
Fabian Wesner - Freelancer: Webentwicklung und Programmierung

Geändert von FabianWesner (18.03.2008 um 11:08:46 Uhr)
Mit Zitat antworten
  #20  
Alt 18.03.2008, 11:07:12
FabianWesner FabianWesner ist offline
Junior Member
 
Registriert seit: May 2007
Beiträge: 170
AW: HP mittig platzieren

Horizontale Zentrierung mit position:absolute;

Wenn man auf Nunmer sicher gehen will, kann man seine DIVs auch auf einer andere Art mittig zentrieren.

Man sagt mit position:absolute; left:50%; dass der Container 50% Abstand nach links haben soll. Sein linker Rand ist dann exakt in der Mitte. Damit der Container komplett mittig ist, muss man ihn 'manuell' wieder um die Hälfte seiner Breite zurückschieben. Das ganze sieht dann so aus und funktioniert in jedem Modus.

HTML-Code:
<html>
  <head>
    <style type="text/css">
      #container
      {
        width: 800px;
        position: absolute;
        left: 50%;
        margin-left: -400px;
        background: red;
      }
    </style>
  </head>
  <body>
    <div id="container">
      ...Inhalt der Seite...
    </div>
  </body>
</html>
__________________
Fabian Wesner - Freelancer: Webentwicklung und Programmierung
Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Webeditor - Ist es möglich Bild frei zu platzieren? ksticker PHP für Fortgeschrittene und Experten 7 01.03.2008 14:41:35
Text in Formularfeldern mittig ? Souli PHP Grundlagen 3 25.04.2007 22:14:18
Funktionsergebnisse platzieren? tbp PHP für Fortgeschrittene und Experten 5 07.06.2003 15:47:10
text an der gleichen stelle platzieren root2 PHP für Fortgeschrittene und Experten 1 28.02.2002 18:25:10


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:51:25 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt