zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden die anker und die listen,

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.11.2011, 15:16
Proggers4you cheffe
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.02.2006
Beiträge: 114
ChampS befindet sich auf einem aufstrebenden Ast
Standard die anker und die listen,

hallo =)

jemand ne idee wie ich nen anker um ne liste macht ?
also <a><ul><li></li></ul></a> ist nicht valide.
deswegen würd ich das so machen <ul><li><a></a><ul><li></li></ul></li></ul>
und das a dann genauso breit wie das äußerste ul
aber wie kriegt man das mit css hin ?

so das die inhalte in der inneren liste nicht verschoben werden.
in der inneren liste hab ich ein hintergrund bild und das soll halt mit der äußeren liste abschließen.

kurz und knapp, das a soll die äußere liste ausfüllen aber über die innere liste drüber gelegt sein.

lg. ChampS
__________________
Proggers4you für programmierer und scripter die Hilfe suchen oder Hilfe anbieten wollen
www.Proggers4you.de

Geändert von ChampS (10.11.2011 um 10:26 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.11.2011, 17:11
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Und jetzt bitte noch einmal: auf deutsch, in ganzen Sätzen und strukturiert!
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.11.2011, 17:12
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

ul ist ein Blockelement, a ein Inlineelement. Ein Blockelement darf halt kein
Inlineelement beinhalten.

Code:
<ul>
  <li>
     <a href=''>Link</a>
  </li>
</ul>
Dann kannst Du mit CSS formatieren. Falls alle a gleich breit sein sollten, muß
Du das mit "display: inline-block; width:breite" formatieren.

Irgendwo in den FAQ ist das ausführlich erklärt.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
  #4 (permalink)  
Alt 10.11.2011, 02:18
Proggers4you cheffe
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.02.2006
Beiträge: 114
ChampS befindet sich auf einem aufstrebenden Ast
Standard

wtf wieso darf nen blockelement kein inline element enthalten?
bzw enthält auch nich ul das a sondern li ^^

<ul><li><a></a></li></ul>


und auf deutsch

ich hab ne ul mit hintergrund grafik.
dieses ul enthält ein li und das noch mehr ul
nun möchte ich aber das wenn man auf das äußere ul klickt weitergeleitet wird.

das ist aber so nicht valide wenn ich den a tag um den äußeren ul tag mach.
deswegen bräuchte ich einen anstubbser wie ich das geschickt machen kann.

mfg.
ChampS
__________________
Proggers4you für programmierer und scripter die Hilfe suchen oder Hilfe anbieten wollen
www.Proggers4you.de
Mit Zitat antworten
  #5 (permalink)  
Alt 10.11.2011, 02:34
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von ChampS Beitrag anzeigen
wtf wieso darf nen blockelement kein inline element enthalten?
Ich denke Joe meinte, dass ein Inlinelement kein Blockelement beinhalten darf. So wäre die Aussage dann auch richtig.

Zitat:
Zitat von ChampS Beitrag anzeigen
<ul><li><a></a></li></ul>
Das ist richtig geschachtelt.
Zitat:
Zitat von ChampS Beitrag anzeigen
ich hab ne ul mit hintergrund grafik.
dieses ul enthält ein li und das noch mehr ul
nun möchte ich aber das wenn man auf das äußere ul klickt weitergeleitet wird.
Man kann keinen Link auf eine gesamte Liste legen, nur "über" einen Listenpunkt. Dafür musst den Punkt als display:block; definieren und ihm dann Höhen und Breitenangaben entsprechend der Größe des Listenpunktes geben.
Zitat:
Zitat von ChampS Beitrag anzeigen
das ist aber so nicht valide wenn ich den a tag um den äußeren ul tag mach.
deswegen bräuchte ich einen anstubbser wie ich das geschickt machen kann.
Stimmt. Es macht nach meinem Verstandnis auch keinen Sinn. Eine Navigation hat ja immer mehr als einen Link, die sind aber alle in derselben Liste.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #6 (permalink)  
Alt 10.11.2011, 07:59
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Zitat:
Ich denke Joe meinte, dass ein Inlinelement kein Blockelement beinhalten darf
Es kam mir beim Schreiben schon irgendwie komisch vor ...

Sorry. *deppdamischerkopfandiewand*
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
  #7 (permalink)  
Alt 10.11.2011, 09:06
Proggers4you cheffe
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.02.2006
Beiträge: 114
ChampS befindet sich auf einem aufstrebenden Ast
Standard

ich möchte aber den link über die gesamte liste legen,
bei mir ist diese liste ein header.

ok ich stell die frage so einfach wies geht *gg*

<ul>
<li id="header_left"></li>
<li id="header"><div id="logo"></div><div id="schrift"></div></li>
<li id="header_right"></li>
</ul>

jedes li hat nen hintergrund bild, die divs auch.
deswegen muss ich es halt so gestalten das durch den link nicht die positionierung der anderen gestört wird.

wie leg ich über diese komplette liste einen link ^^

mfg.
ChampS =)
__________________
Proggers4you für programmierer und scripter die Hilfe suchen oder Hilfe anbieten wollen
www.Proggers4you.de

Geändert von ChampS (10.11.2011 um 09:18 Uhr)
Mit Zitat antworten
  #8 (permalink)  
Alt 10.11.2011, 10:31
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

Oder du holst die Schlachtkeule "Javascript" raus und legst ein onclick-event auf das Ul ....
Mit Zitat antworten
  #9 (permalink)  
Alt 10.11.2011, 10:34
Proggers4you cheffe
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.02.2006
Beiträge: 114
ChampS befindet sich auf einem aufstrebenden Ast
Standard

ich setzte auf de mainpage nicht vorraus das jemand javascript aktiviert hat daher is mir nen normales verlinken doch lieber :P

aber ich wills halt auch valide haben, wenns nicht valide sein soll könnte ich den a tag ja einfach ums ul legen
__________________
Proggers4you für programmierer und scripter die Hilfe suchen oder Hilfe anbieten wollen
www.Proggers4you.de
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 10.11.2011, 10:52
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Das geht halt nicht. Du musst JavaScript nutzen oder du hörst auf Listen für so etwas zu vergewaltigen. In eine Liste gehört auch kein DIV...
Ich habe die schon einmal erklärt wie du es machen kannst. Damit kannst du auch das umsetzen

Eine liste an dieser Stelle ist ungefähr dasselbe wie Tabellen für das Layout zu nutzen. Es ist einfach nicht semantisch!

Die Liste ist übrigens auch nur so breit wie der Inhalt und deshalb im IE nicht mehr anklickbar.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links
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
Probleme mit Line-Height und einem Anker vemi CSS 1 28.07.2009 21:11
Problem mit Listen in Eltern mit Padding: Punkte werden im verbotenen Bereich angezei braindead (X)HTML 5 13.09.2007 17:43
Fixer Header (CSS Frame) und Sprung zu Anker auf dieser Seite Chico_wau CSS 2 14.05.2007 19:08
Seitenübergreifender Anker funzt net unter IE dablake CSS 6 06.03.2006 22:44
IE6, CSS, Anker und XHTML Smirftsch CSS 7 14.02.2006 19:50


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:48 Uhr.