CSS Container

**Christian18**

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

**fkerber**

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

**Christian18**

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

**fkerber**

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.

markieren

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

**jfheins**

Das geht in halbwegs aktuellen Browsern aucvh direkt mit divs.

Beispiel:

markieren

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 ...

CSS Container

CSS Container

Re: CSS Container

Re: CSS Container

Re: CSS Container

Re: CSS Container

Forumregeln

Christian18 Registriert seit: 9. Dez 2003 Ort: Hamburg 1.279 Beiträge	#1 CSS Container 9. Jan 2009, 15: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
	Zitat

fkerber (CodeLib-Manager) Registriert seit: 9. Jul 2003 Ort: Ensdorf 6.723 Beiträge Delphi XE Professional	#2 Re: CSS Container 9. Jan 2009, 15: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
	Zitat

Christian18 Registriert seit: 9. Dez 2003 Ort: Hamburg 1.279 Beiträge	#3 Re: CSS Container 9. Jan 2009, 15: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
	Zitat