zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden in li keine Class möglich in verbindung mit 'margin-right

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.07.2016, 11:29
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 88
seerose befindet sich auf einem aufstrebenden Ast
Standard in li keine Class möglich in verbindung mit 'margin-right

Ich habe 4 Menüpunkte, jeder Punkt soll etwas abstand von anderen haben.
Über
<li style='margin-right:36px' >
klappt es Super, nun soll sich der Abstand automatisch mit
@media only screen and verringern, wenn man den Screen verkleinert.
Mit anderen Elemente die nicht über li gesteuert sind klappt es auch.
Aber sobald ich in den li eine classe schreibe wird 'margin-right:36px' einfach ignoriert

so geht es:
HTML-Code:
<li  style='margin-right:36px'  >
Aber so nicht, weil margin-right in der class ignoriert wird.
HTML-Code:
<li  class='element1' >
HTML-Code:
<style>
.element1{
margin-right:36px;  /*das wird einfach ignoriert*/
border:1px solid;   /* den Testborder wird angezeigt also das li holt sich diese class*/
}
</style>
Getestet: IE11/Firefox47.1
@Admin, gut wäre, man könnte auch den Titel ändern, so hätte ich das ' vor margin noch killen können

Geändert von seerose (15.07.2016 um 11:38 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.07.2016, 11:39
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von seerose Beitrag anzeigen
Aber sobald ich in den li eine classe schreibe wird 'margin-right:36px' einfach ignoriert

so geht es:
HTML-Code:
<li  style='margin-right:36px'  >
Aber so nicht, weil margin-right ignoriert wird.
HTML-Code:
<li  class='element1' >
HTML-Code:
<style>
.element1{
margin-right:36px;  /*das wird einfach ignoriert*/
border:1px solid;   /* den Testborder wird angezeigt also das li holt sich diese class*/
}
</style>
Getestet: IE11/Firefox47.1
Das funktioniert einwandfrei. Zeige bitte Beispielcode anhand dem deine Frage nachvollziehbar ist.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.07.2016, 11:51
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 88
seerose befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
Das funktioniert einwandfrei. Zeige bitte Beispielcode anhand dem deine Frage nachvollziehbar ist.
Hast recht, im ul war eine class mit margin-right:0;
die hat das margin-right:0 von li gefressen.
Mit Zitat antworten
  #4 (permalink)  
Alt 15.07.2016, 12:13
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von seerose Beitrag anzeigen
Hast recht, im ul war eine class mit margin-right:0;
die hat das margin-right:0 von li gefressen.
Auch das ist nicht nachvollziehbar, da diese Aussage so nicht stimmen kann, wie man leicht sehen kann, das margin ist noch in seiner ganzen Pracht vorhanden:

HTML-Code:
<!DOCTYPE html>
<html>
	<head>
<style>
    ul {
        margin:0;
        border:1px solid;   /* den Testborder wird angezeigt also das li holt sich diese class*/
    }
.element1{
margin-right:36px;  /*das wird einfach ignoriert*/
border:1px solid;   /* den Testborder wird angezeigt also das li holt sich diese class*/
}
</style>
</head>
<body>

<ul>
<li  class='element1' >li</li>
</ul>
		</body>
        </html>
Ergänzung: Ich möchte damit deutlich machen das deine Fragen ohne nachvollziehbaren Code sinnlos sind und bestenfalls nerven. Da viele Leute die Frage lesen, aber dir nicht helfen können, weil die Aussagen so nicht stimmen

Geändert von protonenbeschleuniger (15.07.2016 um 12:16 Uhr)
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
Verschiebungen bei größerem Bildschirm seelefant CSS 4 28.07.2014 16:43
Navigation positionieren maybebabe CSS 4 08.04.2013 23:17
rahmen um bilder- was mache ich falsch? R0sa CSS 3 19.11.2012 17:35
Responsive webdesign: horizontales Menü mit angepasster Schriftgröße Spencer Javascript & Ajax 3 19.09.2012 00:16
joomla template wrock CSS 2 06.04.2012 20:24


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