AGB  ·  Datenschutz  ·  Impressum  







Anmelden
Nützliche Links
Registrieren

[CSS] Positionierung mit div

Ein Thema von Luckie · begonnen am 10. Nov 2006 · letzter Beitrag vom 11. Nov 2006
Antwort Antwort
Seite 1 von 2  1 2   
Benutzerbild von Luckie
Luckie

Registriert seit: 29. Mai 2002
37.621 Beiträge
 
Delphi 2006 Professional
 
#1

[CSS] Positionierung mit div

  Alt 10. Nov 2006, 14:58
Ich habe folgenmde HTML Seite:
Code:
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="/css/stylesheet.css">
  </head>
  <body>
    <div>
     

text</p>
    </div>
  </body>
</html>
Und folgenden Stylesheet dazu:
Code:
div (
  position:absolute;
  left:100px;
  top:90px;
)
Aber trotzdem steht der Text ganz normal oben links in der Ecke. Was mache ich da noch falsch? (Der Stylesheet wird gefunden.)
Michael
Ein Teil meines Codes würde euch verunsichern.
  Mit Zitat antworten Zitat
Benutzerbild von Meflin
Meflin

Registriert seit: 21. Aug 2003
4.856 Beiträge
 
#2

Re: [CSS] Positionierung mit div

  Alt 10. Nov 2006, 15:06
In CSS verwendet man auch { } und nicht ( )

  Mit Zitat antworten Zitat
Balu der Bär
(Gast)

n/a Beiträge
 
#3

Re: [CSS] Positionierung mit div

  Alt 10. Nov 2006, 15:07
Moin Michael,

zuerst einmal zu deinem Stylesheet. Da ich annehme du willst ein Element erstellen das man häufiger verwenden kann, solltest du also eine "Klasse" erstellen (btw, in CSS muss man andere Klammern setzen, nämlich geschweifte).
Code:
.content {
  color: blue;
  position:absolute;
  left:100px;
  top:90px;
    }
Diese "Klasse" rufst du in einem div-Container dann einfach auf:
Code:
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <div class="content">
     

text</p>
    </div>
  </body>
</html>
Ansonsten guckst du am Besten mal auf http://www.css4you.de, da steht alles was man wissen muss sehr schön beschrieben.
  Mit Zitat antworten Zitat
Benutzerbild von Luckie
Luckie

Registriert seit: 29. Mai 2002
37.621 Beiträge
 
Delphi 2006 Professional
 
#4

Re: [CSS] Positionierung mit div

  Alt 10. Nov 2006, 15:16
Zitat von Meflin:
In CSS verwendet man auch { } und nicht ( )


Was ich machen will, ist die Navigation meiner Homepage an den linken Rand anzuordnen. Aufgebaut sind die Seiten alle wie folgt:

Code:
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="/css/stylesheet.css">
  </head>
  <body>
    <div>
      <?php
        include 'includes/nav.shtml';
      ?>
    </div>
  </body>
</html>
nav.shtml:
Code:
<div class="nav">
[url="/"]Home[/url] |
[url="http://ablage.michael-puff.de"]Ablage[/url] |
[url="/Developer/Artikel/"]Artikel[/url] |
[url="/dirindex.php?folder=Developer/"]Developer[/url] |
[url="/Ablage/Links.xml"]Links[/url] |
[url="http://programme.michael-puff.de"]Programme[/url] |
[url="/sitemap.php"]Sitemap[/url] |
[url="/search.php"]Suche[/url] |
[url="/impressum.php"]Impressum[/url]
</div>
Jetzt dachte ich, ich könnte das so erereichen:
Code:
div {
  position:absolute;
  left:200px;
}

div.nav {
  position:absolute;
  left:0px;
}
Aber wie man sieht: http://www.michael-puff.de/ funktioniert das so nicht. Ich will es vermeiden alle möglichen Seite wieder editieren zu müssen.

So geht es:
Code:
div {
  position: absolute;
  left: 200px;
  right: 20px;
}

div.nav {
  position: absolute;
  left: -180px;
  top: 40px;
}
Aber jetzt die Frage, was ist besser schöner? Am oberen Rand oder an der Seite mit den Navigationslinks untereinander?

[edit=SirThornberry]Quote-Tag vervollständigt (Klammer geschlossen) - Mfg, SirThornberry[/edit]
Michael
Ein Teil meines Codes würde euch verunsichern.
  Mit Zitat antworten Zitat
Balu der Bär
(Gast)

n/a Beiträge
 
#5

Re: [CSS] Positionierung mit div

  Alt 10. Nov 2006, 15:47
Zitat:
Aber jetzt die Frage, was ist besser schöner? Am oberen Rand oder an der Seite mit den Navigationslinks untereinander?
Die Navigationsbox noch ein bisschen weiter runter, dann finde ich persönlich das schicker als die Linkleiste oben.
  Mit Zitat antworten Zitat
Benutzerbild von Luckie
Luckie

Registriert seit: 29. Mai 2002
37.621 Beiträge
 
Delphi 2006 Professional
 
#6

Re: [CSS] Positionierung mit div

  Alt 10. Nov 2006, 15:50
Wie weit runter? Oberkante Nav-Box auf gleicher Höhe, wie die Linie unter der Seitenüberschrift?
Michael
Ein Teil meines Codes würde euch verunsichern.
  Mit Zitat antworten Zitat
Balu der Bär
(Gast)

n/a Beiträge
 
#7

Re: [CSS] Positionierung mit div

  Alt 10. Nov 2006, 15:55
Ich für meinen Geschmack würde es gut finden, wenn die Unterkante der Navigationsbox in Höhe von "Seite durchsuchen" liegen würde.

Auf http://www.michael-puff.de/Developer/Artikel/ scheint es übrigens Probleme mit der Google-Werbung zu geben, http://www.michael-puff.de/Ablage/Links.xml sieht auch sehr merkwürdig aus (die Links unten).

Aber vielleicht wäre es angebracht dies in einem anderen Topic zu diskutieren?
  Mit Zitat antworten Zitat
Benutzerbild von Luckie
Luckie

Registriert seit: 29. Mai 2002
37.621 Beiträge
 
Delphi 2006 Professional
 
#8

Re: [CSS] Positionierung mit div

  Alt 10. Nov 2006, 16:02
Hm, ich glaube, da mache ich noch Boxen drunter. Insofern passt das.

Ja, bei der Google-Werbung muss ich noch was ändern. Aber das ist nicht so schlimm. Acuh müssen die Links zu den PDFs bei den Artikeln noch angepasst werden.

Das passt schon hier. Es geht ja immer noch um die Positionierung.
Michael
Ein Teil meines Codes würde euch verunsichern.
  Mit Zitat antworten Zitat
Benutzerbild von Luckie
Luckie

Registriert seit: 29. Mai 2002
37.621 Beiträge
 
Delphi 2006 Professional
 
#9

Re: [CSS] Positionierung mit div

  Alt 10. Nov 2006, 16:28
So. Fertig: http://www.michael-puff.de/
Michael
Ein Teil meines Codes würde euch verunsichern.
  Mit Zitat antworten Zitat
Benutzerbild von Meflin
Meflin

Registriert seit: 21. Aug 2003
4.856 Beiträge
 
#10

Re: [CSS] Positionierung mit div

  Alt 10. Nov 2006, 18:02
Zitat von Luckie:
Also nach meinem ästhetischen Empfinden sollte das linke Menü oben entweder auf der oberen Höhe des Hs beginnen, oder aber auf Höhe der Linie der Unterstreichung. Aber so siehts blöde aus

  Mit Zitat antworten Zitat
Antwort Antwort
Seite 1 von 2  1 2   

Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Ansicht

Forumregeln

Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Gehe zu:

Impressum · AGB · Datenschutz · Nach oben
Alle Zeitangaben in WEZ +1. Es ist jetzt 19:56 Uhr.
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024 by Thomas Breitkreuz