AGB  ·  Datenschutz  ·  Impressum  







Anmelden
Nützliche Links
Registrieren
Thema durchsuchen
Ansicht
Themen-Optionen

CSS Container

Ein Thema von Christian18 · begonnen am 9. Jan 2009 · letzter Beitrag vom 9. Jan 2009
Antwort Antwort
Christian18

Registriert seit: 9. Dez 2003
Ort: Hamburg
1.279 Beiträge
 
#1

CSS Container

  Alt 9. Jan 2009, 14:47
Hallo,

ich möchte mir eine kleine Internetseite bauen. Kann man mit CSS einen Container frei positionieren und wenn ich dort mit der Maus drüberfahre, dass dann ein neuer Container direkt daneben auf geht? Geht sowas? In den Containern würde ich dann gerne beliebig mit HTML Tax arbeiten. Kann mir jemand helfen?

LG Chris
  Mit Zitat antworten Zitat
Benutzerbild von fkerber
fkerber
(CodeLib-Manager)

Registriert seit: 9. Jul 2003
Ort: Ensdorf
6.723 Beiträge
 
Delphi XE Professional
 
#2

Re: CSS Container

  Alt 9. Jan 2009, 14:49
Hi!

Ja, sowas sollte gehen. Positionieren kannst du absolut oder relativ. Zum Ausblenden/Anzeigen eines anderen Containers gibt es "visible".

Infos solltest du unter http://de.selfhtml.org/css/index.htm finden.


Ciao, Frederic
Frederic Kerber
  Mit Zitat antworten Zitat
Christian18

Registriert seit: 9. Dez 2003
Ort: Hamburg
1.279 Beiträge
 
#3

Re: CSS Container

  Alt 9. Jan 2009, 14:59
Hallo,

vielen dank für die seite. die ist echt super. wie kann ich prüfen, ob ich mit der mouse auf einen container bin oder nicht?

lg chris
  Mit Zitat antworten Zitat
Benutzerbild von fkerber
fkerber
(CodeLib-Manager)

Registriert seit: 9. Jul 2003
Ort: Ensdorf
6.723 Beiträge
 
Delphi XE Professional
 
#4

Re: CSS Container

  Alt 9. Jan 2009, 15:05
Hi!

hover ist das Stichwort


Auch wenn das Beispiel jetzt etwas einfallslos erscheint, zeigt es hoffentlich, was ich meine.
menu ist dabei ein div (also es gibt ein div, dass als class menu hat), insgesamt zeigt der Code, wie man Links, je nach Situation anders darstellen kann.

Code:
.menu a:link {color:black;text-decoration:none;}
.menu a:visited {color:black;text-decoration:none;}
.menu a:active {color:black;text-decoration:none;}
.menu a:hover {color:black;text-decoration:none;}

Ciao, Frederic
Frederic Kerber
  Mit Zitat antworten Zitat
Benutzerbild von jfheins
jfheins

Registriert seit: 10. Jun 2004
Ort: Garching (TUM)
4.579 Beiträge
 
#5

Re: CSS Container

  Alt 9. Jan 2009, 16:03
Das geht in halbwegs aktuellen Browsern aucvh direkt mit divs.

Beispiel:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<style type="text/css">

#first
{
  background: #000080;
  padding: 5px;
  height: 250px;
  width: 350px;
}

#first:hover #second
{
  visibility: visible;
}

#second
{
  background: #008000;
  padding: 5px;
  visibility:hidden;
  height: 200px;
  width: 250px;
}

</style>
</head>

<body>
  <div id="first">Hallo<div id="second">Welt</div></div>
</body>

</html>
Statt visibility kannst du natürlich auch display nehmen, dann wird vorher kein Platz reserviert aber u.U. springt das Layout hin und her ...
  Mit Zitat antworten Zitat
Antwort Antwort


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 00:58 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