zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Linkliste stylen?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.11.2007, 11:27
Benutzerbild von jenny79
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.06.2006
Beiträge: 137
jenny79 befindet sich auf einem aufstrebenden Ast
Standard Linkliste stylen?

Hallo,
ich würde gerne eine Art Linkliste stylen, mein Vorschlag wäre mit einem Div, aber ich wette das man das auch nur mit ul/li Elementen machen kann.
Allerdings wenn ich den div weglasse ist die ul immer eingerückt um ca. 10px.?
Weiss jemand wie ich das umgehen kann, also ohne einrücken des Listenelements?
Im Anhang habe mal ein Screenshot eingefügt wie es aussehen soll.

Mein Code:
Code:
<div class="mediacontainer">
<ul class="navlist_podcasts">
<li id="active"><a href="#" id="current">Item one</a></li>
</ul>
</div> 
CSS:
	<style>
	.mediacontainer{
	background-color:#999999; }
    .navlist_podcasts { 
	list-style-image: url(images/arrow.gif);
	 }
    </style>
Lg
jenny
Angehängte Grafiken
Dateityp: jpg Final_vDownloads Kopie.jpg (14,3 KB, 8x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.11.2007, 12:28
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi Jenny,

ohne den CSS-Code kann ich nur raten.

Ich rate mal, das du die browserspezifischen Formatierungen nicht auf null gesetzt hast.

Um das zu tun notiere ganz oben in deiner CSS-Datei:
Code:
*  { margin:0; padding:0; }

und falls keine listenspezifische Aufzählungszeichen erwünscht sind noch:
Code:
li  {  list-style-type:none;  }
Gruß
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.11.2007, 12:38
Benutzerbild von jenny79
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.06.2006
Beiträge: 137
jenny79 befindet sich auf einem aufstrebenden Ast
Standard

Der Css code steht doch oben.
Kann ich das auch ohne die Browser spezifischen Einstellungen anzufassen, sozusagen nur für diesen Container?

Lg
Mit Zitat antworten
  #4 (permalink)  
Alt 20.11.2007, 12:54
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi Jenny,

Zitat:
Zitat von Jenny:
Der Css code steht doch oben.
Oh. das hatte ich übersehen (Wer lesen kann ist im Vorteil).

Zitat:
Zitat von Jenny:
Kann ich das auch ohne die Browser spezifischen Einstellungen anzufassen, sozusagen nur für diesen Container?
Da täte ich dir von abraten.

Die browserspezifischen Formatierungen sind von Browser zu Browser unterschiedlich, deshalb setzt man erst mal alles auf null und formatiert dann die Abstände für die einzelnen Elemente.

Damit hast du die Kontrolle über das Aussehen in allen Browsern.

Ansonsten formatierst du dir nen Wolf bis es in allen Browsern gleich ausschaut.

Viele Grüße
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 20.11.2007, 14:14
Benutzerbild von jenny79
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.06.2006
Beiträge: 137
jenny79 befindet sich auf einem aufstrebenden Ast
Standard

Danke für die Antwort!
Verwende den YAML-Framework, und ich habe mal geschaut, hier ist das im core drin mit:
* { margin:0; padding:0; }

Aber wenn ich das teste was ich bisher habe, rückt er mir die bulltes/ul trotzdem ein!

Lg
Jenny
Mit Zitat antworten
  #6 (permalink)  
Alt 20.11.2007, 14:18
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von jenny79 Beitrag anzeigen
Aber wenn ich das teste was ich bisher habe, rückt er mir die bulltes/ul trotzdem ein!
Dann wird in einer der ca. 57 YAML-CSS-Dateien eine Regel stehen, die ul padding oder li margin zuweist
Mit Zitat antworten
  #7 (permalink)  
Alt 20.11.2007, 14:21
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Dann wird in einer der ca. 57 YAML-CSS-Dateien eine Regel stehen, die ul padding oder li margin zuweist


Falls du Firefox benutzen solltest, kann ich dir "Firebug" empfehlen. Dort kannst du das Element anwählen und siehst, welche Regeln es von wo bekommt und welche vererbt. (Selektoren-Spezifität)
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #8 (permalink)  
Alt 20.11.2007, 14:24
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi Jenny,

Zitat:
Zitat von Jenny:
Aber wenn ich das teste was ich bisher habe, rückt er mir die bulltes/ul trotzdem ein!
d.h. da muß irgentwo eine Formatierung stehen, wo er das wieder einrückt.

Wenn du mit Yaml-Frameworks arbeitest, dann hast du doch von Hause aus mehrere CSS-Dateien, die da mit eingebaut werden.

Yaml- Frameworks habe ich mal kurz angefangen, fand ich aber einfach zu unübersichtlich (div-Suppenmenü mit multi-CSS-Einlage sozusagen ).

Viele Grüße
Klaus

umpf, zu langsam!
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #9 (permalink)  
Alt 20.11.2007, 14:31
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von hubspe Beitrag anzeigen
fand ich aber einfach zu unübersichtlich (div-Suppenmenü mit multi-CSS-Einlage sozusagen )
Ja, dat geht gar nich
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 20.11.2007, 15:29
Benutzerbild von jenny79
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.06.2006
Beiträge: 137
jenny79 befindet sich auf einem aufstrebenden Ast
Standard

Ja, kann ich dir auch Recht geben.... im Moment habe ich auch keine Lust mehr drauf!
Denke ich werde am Ende alles vereinfachen, sozusagen in eine eigene Struktur legen.

Trotzdem vielen Dank für eure Antworten.
Habe jetzt folgenden Code verwendet:
Code:
<ul id="podcastlist" >
<li id="active"><span class="downloadtext"> Text für die Datei | </span><a href="#" id="current">download</a></li>

</ul>
CSS:
Code:
 
	<style>

#podcastlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
background-color:#EEEEEE;
}

#podcastlist li
{
padding: 7px 5px 9px 25px;
background-image: url(../images/podcast_icon.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
    </style>
Lg
Jenny
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
disabled Button stylen Camelrider CSS 3 30.06.2009 16:13
listenbasierendes menü aktiv breiter als hyperlink andretti CSS 3 28.10.2007 13:27
Linkliste, die bei :hover ausklappt Ahoj CSS 0 20.04.2007 11:08
button vom dropdown stylen dreiaugen CSS 2 21.02.2006 12:28
Markierter Tex stylen 73x (X)HTML 5 19.02.2006 11:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:42 Uhr.