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
|
:: Anbieterverzeichnis ::
Globale Branchen
Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP
:: Newsletter ::
Abonnieren Sie hier den kostenlosen
SELFPHP Newsletter!
|
HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen |
10.03.2008, 21:27:21
|
|
Administrator
|
|
Registriert seit: Apr 2002
Ort: Bergheim
Alter: 41
Beiträge: 5.255
|
|
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
|
10.03.2008, 22:38:44
|
Member
|
|
Registriert seit: Nov 2007
Ort: Karlsruhe, Dresden
Alter: 35
Beiträge: 596
|
|
AW: HP mittig platzieren
Danke, werde mir das Beispiel aber erst morgen anguggen können, hab heute einfach keine Zeit mehr.
|
11.03.2008, 08:44:06
|
Junior Member
|
|
Registriert seit: May 2007
Beiträge: 170
|
|
AW: HP mittig platzieren
@ksticker
Hattest Du die anderen Beiträge nicht gelesen?
|
12.03.2008, 18:35:56
|
Member
|
|
Registriert seit: Nov 2007
Ort: Karlsruhe, Dresden
Alter: 35
Beiträge: 596
|
|
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 :-)
|
17.03.2008, 03:16:50
|
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
|
17.03.2008, 12:19:06
|
|
Administrator
|
|
Registriert seit: Apr 2002
Ort: Bergheim
Alter: 41
Beiträge: 5.255
|
|
AW: HP mittig platzieren
Zitat:
Zitat von ascer
...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
@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
|
17.03.2008, 14:57:59
|
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)
|
18.03.2008, 10:53:34
|
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;
}
Geändert von FabianWesner (18.03.2008 um 11:12:31 Uhr)
|
18.03.2008, 11:03:27
|
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>
Geändert von FabianWesner (18.03.2008 um 11:08:46 Uhr)
|
18.03.2008, 11:07:12
|
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>
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
Themen-Optionen |
|
Ansicht |
Linear-Darstellung
|
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.
HTML-Code ist aus.
|
|
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 17:51:25 Uhr.
|