AGB  ·  Datenschutz  ·  Impressum  







Anmelden
Nützliche Links
Registrieren

[CSS] Kopfzeile gesucht!

Ein Thema von Grolle · begonnen am 13. Aug 2007 · letzter Beitrag vom 14. Aug 2007
Antwort Antwort
Seite 1 von 2  1 2   
Grolle

Registriert seit: 5. Nov 2004
Ort: Coesfeld
1.268 Beiträge
 
Delphi 2010 Professional
 
#1

[CSS] Kopfzeile gesucht!

  Alt 13. Aug 2007, 21:15
Hallo,

kann mir jemand sagen ob und wie mann hier eine Kopzeile für die Navigation einbauen kann?:
Delphi-Quellcode:
#container
{
  width:760px;
  margin:0 auto;
  text-align:justify;
}


#content
{
  width:620px;
  float:left;
}


#navigation
{
  width:140px;
  float:left;
}
Viele Grüße ...

  Mit Zitat antworten Zitat
Benutzerbild von DGL-luke
DGL-luke

Registriert seit: 1. Apr 2005
Ort: Bad Tölz
4.149 Beiträge
 
Delphi 2006 Professional
 
#2

Re: [CSS] Kopfzeile gesucht!

  Alt 13. Aug 2007, 21:41
mit welchem HTML-Code?

CSS regelt nur wies aussieht, was aussieht muss du selber bauen. Und was für eine Kopfzeile willst du genau?

Du willst die Navigation ganz oben haben? Dann darfst du sie nicht links floaten lassen.
Lukas Erlacher
Suche Grafiktablett. Spenden/Gebrauchtangebote willkommen.
Gotteskrieger gesucht!
For it is the chief characteristic of the religion of science that it works. - Isaac Asimov, Foundation I, Buch 1
  Mit Zitat antworten Zitat
Grolle

Registriert seit: 5. Nov 2004
Ort: Coesfeld
1.268 Beiträge
 
Delphi 2010 Professional
 
#3

Re: [CSS] Kopfzeile gesucht!

  Alt 13. Aug 2007, 21:50
Hallo,

im Prinzip will ich das jetzt so umbauen, dass die Navigation oben ist also so:

----------------------
| Navigation |
----------------------
| Content |
----------------------
Delphi-Quellcode:
<div id="container">
  <div id="navigation">
    [url="http://"][/url]1


    <a href="http://></a>2
 


    [url="http://"][/url]3


    [url="http://"][/url]4


    [url="http://"][/url]5


  </div>
<div id="content">content</div>
</div>
//Edit: ok, verstanden habe float rausgeworfen. Aber was gebe ich jetzt hier an:
#navigation
{
width:140px;
font-weight:bold;
}

  Mit Zitat antworten Zitat
Daniel G
(Gast)

n/a Beiträge
 
#4

Re: [CSS] Kopfzeile gesucht!

  Alt 13. Aug 2007, 21:57
http://css.fractatulum.net/sample/la..._mitnehmen.htm

Werfe mal einen Blick auf das erste Beispiel. Das sollte das sein, was du möchtest.
  Mit Zitat antworten Zitat
Benutzerbild von Mazel
Mazel

Registriert seit: 11. Nov 2005
Ort: Leipzig
831 Beiträge
 
#5

Re: [CSS] Kopfzeile gesucht!

  Alt 13. Aug 2007, 22:00
Es funktioniert doch so wie du es haben willst. Ich habe das eben ausprobiert und die Links sind über Content, oder willst du noch etwas dazu haben?
Marcel Jänicke
www.mj-software.net
  Mit Zitat antworten Zitat
Grolle

Registriert seit: 5. Nov 2004
Ort: Coesfeld
1.268 Beiträge
 
Delphi 2010 Professional
 
#6

Re: [CSS] Kopfzeile gesucht!

  Alt 13. Aug 2007, 22:14
Ja, das sieht schon ganz gut aus. Kann man die Links jetzt auch als Blocksatz ausrichten?

  Mit Zitat antworten Zitat
quendolineDD

Registriert seit: 19. Apr 2007
Ort: Dresden
781 Beiträge
 
Turbo Delphi für Win32
 
#7

Re: [CSS] Kopfzeile gesucht!

  Alt 13. Aug 2007, 22:33
Tue das ganze doch einfach in eine Tabelle.

Delphi-Quellcode:
<div id="container">
  <div id="navigation">
   <table cellspacing='0' cellpadding='0'>
      <tr><td>[url="http://"][/url]1</td></tr>
      <tr><td>[url="http://"][/url]2</td></tr>
      <tr><td>[url="http://"][/url]3</td></tr>
      <tr><td>[url="http://"][/url]4</td></tr>
      <tr><td>[url="http://"][/url]5</td></tr>
  </div>
<div id="content">content</div>
</div>
Zumal ich dir empfehle, die ganze Seite über Tabellen aufzubauen.
Und denk dran, das IDs nur je einmal auf einer HTML-Seite zugewiesen werden dürfen. Solang du ein Style meheren Elementen zuweisen willst, nehm class.

Und damit das oben ist, nehm mal
Delphi-Quellcode:
body
{
margin: 0px;
}
Bzw. setz das tr einfach auf valign='top'
Lars S.
  Mit Zitat antworten Zitat
Thorben77

Registriert seit: 22. Okt 2004
359 Beiträge
 
#8

Re: [CSS] Kopfzeile gesucht!

  Alt 13. Aug 2007, 23:56
Blocksatz bekommst du mit der CSS-Eigenschaft text-align und dem Wert justify.

Zitat von quendolineDD:
Zumal ich dir empfehle, die ganze Seite über Tabellen aufzubauen.
Bloß nicht, Tabellendesign ist veraltet, unflexibel, schwer zu warten …

Sowas gehört in eine ungeordnete Liste:
Code:
<div id="navigation">
  [url="http://"][/url]1


  <a href="http://></a>2
 


  [url="http://"][/url]3


  [url="http://"][/url]4


  [url="http://"][/url]5


</div>
Code:
<ul id="navigation">[*]
    [url="http://"]1[/url]
  [*]
    <a href="http://>2</a>
  [*]
    [url="http://"]3[/url]
  [*]
    [url="http://"]4[/url]
  [*]
    [url="http://"]5[/url]
  [/list]
  Mit Zitat antworten Zitat
Daniel G
(Gast)

n/a Beiträge
 
#9

Re: [CSS] Kopfzeile gesucht!

  Alt 14. Aug 2007, 00:18
Zitat von Thorben77:
Bloß nicht, Tabellendesign ist veraltet, unflexibel, schwer zu warten …
Der Meinung war ich auch, bis ich die Willkommensseite meiner HP designen wollte... Mit CSS... nach einer Stunde habe ich entnervt Tabellen verwendet.

(feel free to take a look at it...)
  Mit Zitat antworten Zitat
Benutzerbild von Die Muhkuh
Die Muhkuh

Registriert seit: 21. Aug 2003
7.332 Beiträge
 
Delphi 2009 Professional
 
#10

Re: [CSS] Kopfzeile gesucht!

  Alt 14. Aug 2007, 00:20
Das ginge auch mit CSS, aber dafür sind ja Tabellen da, um Daten anzuzeigen (nicht für Layout). Ich bin der Meinung, dass Du (Daniel G) die Tabellen schon sinnvoll eingesetzt hast.
Manuel
  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 15:01 Uhr.
Powered by vBulletin® Copyright ©2000 - 2022, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2021 by Daniel R. Wolf