zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hilfe bei CSS Seite - ID-Selektor verstehen - Problems

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.11.2005, 12:03
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.09.2005
Beiträge: 30
watermanFFM befindet sich auf einem aufstrebenden Ast
Standard Hilfe bei CSS Seite - ID-Selektor verstehen - Problems

Ich möchte ne CSS Seite verstehen!

In einem Quelltext sehe ich folgendes:

Code:
<li id="search">Search:
	<form id="searchform" method="get" action="#" onsubmit="alert('yeah right.'); return false;">
	<div>
		<input type="text" name="s" size="15" />

		<input type="submit" name="submit" value="search" />
	</div>
	</form>
Dieser Code stammt aus den Quelltext der Beispielseite auf www.alexking.org (dort http://www.alexking.org/software/wor...le_browser.php anklicken/eingeben) und "Human Condition" auswählen. Dort sieht man dann auf der rechten Seite unter anderem die Box "Search".

Worauf ich hinaus will: In den guten Dokumenten über CSS steht unter id-Klasse folgendes:

Zitat:
ID-Selektoren verknüpfen Elemente über das ID-Attribut mit einer Formatierung.

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

div {background-color:#efefef;border:1px solid #aaaaaa;}
div#a
{
position:absolute;
top:100px; left:100px;
width:120px; height:80px;
}
#b
{
position:absolute;
top:150px; left:300px;
width:120px; height:80px;
}

</style>

<title>Irgendein Titel</title>
</head><body>

<div id="a">100 Pixel von oben und 100 Pixel von links</div>
<div id="b">150 Pixel von oben und 300 Pixel von links</div>

</body></html>


ID-Selektoren beginnen mit einem #. In diesem Beispiel sind zwei ID-Selektoren deklariert: a mit div#a und b mit #b. Im Dokument werden diese Formate jeweils einem <div>-Tag zugeordnet, indem das id-Attribut in das Tag mit dem Namen des Selektors als Wert in Anführungszeichen eingefügt wird.
Der Unterschied zwischen div#a und #b ist, ähnlich wie bei den class-Selektoren, dass der Selektor a nur mit einem <div>-Tag verwendet werden kann.

Damit ein Element innerhalb der Dokumentenstruktur eindeutig ist, darf eine ID nur einmal verwendet werden. Deshalb wird diese Art der Formatierung häufig in Zusammenhang mit Javascript verwendet.
Das habe ich von css4you.de!

Nun im obrigen Quelltext des besagten Themes gibt es den ID-Selektor. Allerdings ohne div!? Woher stammt der ID-Selektor für "Search" etc...?
In css styles kann ich auch nix finden.

Ich würde mich freuen, wenn sich jemand das Theme und Dateien mal anschaut und mir mal nen Hinweis geben könnte!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.11.2005, 12:12
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Eine ID kann jedem beliebigen Element zugeordnet werden, nicht nur einem div-Element.

Zitat:
Woher stammt der ID-Selektor für "Search" etc...?
Diese Frage verstehe ich nicht.

Grüße
fricca
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.11.2005, 12:16
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.09.2005
Beiträge: 30
watermanFFM befindet sich auf einem aufstrebenden Ast
Standard

Ein anderes Beispiel aus den Quelltext des Themes:

Code:
<div id="menu">

<ul>
		<li id="wordpress">WordPress
	<ul>
[*]WordPress
[*]Matt
[*]Mike
[*]Alex
[*]Dougal


	[/list]
"div id="menu"" ist in der style.css definiert. So, ich verstehe aber nicht die id zu den Listeneintrag von "wordpress" oder wie in meinem ersten Posting zu sehen ist zu "search". Woher stammt diese ID und was bewirkt diese?
Mit Zitat antworten
  #4 (permalink)  
Alt 04.11.2005, 12:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von watermanFFM
"div id="menu"" ist in der style.css definiert. So, ich verstehe aber nicht die id zu den Listeneintrag von "wordpress" oder wie in meinem ersten Posting zu sehen ist zu "search". Woher stammt diese ID und was bewirkt diese?
Eine id, die im Markup steht muss nicht zwangsläufig auch im Stylesheet auftauchen.
IDs im Markup können als Ziel für Sprunglinks dienen.
Mit Zitat antworten
  #5 (permalink)  
Alt 04.11.2005, 12:38
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.09.2005
Beiträge: 30
watermanFFM befindet sich auf einem aufstrebenden Ast
Standard

Okay, habe es soweit verstanden. Danke!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

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.

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


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe bei CSS Desing Umsetzung. Frosti1986 CSS 7 27.02.2010 14:08
Erste Seite mit CSS: Was kann man verbessern? vht Site- und Layoutcheck 4 08.11.2009 15:32
erste seite mit css, problem.... carpital CSS 1 09.09.2009 18:25
Die erste Seite mit css Micme Site- und Layoutcheck 31 09.04.2008 14:08
Absolute Anfängerfragen.... Kangool CSS 7 06.04.2008 21:26


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:31 Uhr.