Themingprobs
Eingetragen von cKoNe_RaZoR (17)am 15.06.2009 - 19:23 Uhr in
Hallo Liebe Drupalcom,
habe ein paar Probleme beim Themen meiner Drupalseite!
Das Hauptproblem liegt glaub ich darin das ich verwirrt bin. Habe meinen Style eigentlich schon so gut wie fertig, jedoch bin ich mit den tabs im adminmenü/suche usw überfordert....
bekomme die einfach nicht vernünftig gestylt!
Das liegt aber mitunter daran, das alles und jedem Klassen zugeordnet werden. Wie kann ich die Klassen bearbeiten? Einfach in die style.css schreiben hilft nicht viel -.-*
Jemand eine Idee?
Ich bin am verzweifeln...
Aus irgendwelchen unerklärlichen Gründen, Haben bei mir die Tabs geerbte Attribute, die die auch nicht loslassen, wenn ich denen sage ZB border:0px solid #000000
Ich versteh die Welt nicht mehr!
Danke für eure Hilfe
cK
- Anmelden oder Registrieren um Kommentare zu schreiben
Tipps
am 16.06.2009 - 08:18 Uhr
Moin.
Das sind alles CSS-Grundlagen.
Tipp: http://www.w3.org/Style/CSS/learning und http://www.w3schools.com/Css/default.asp lesen und verstehen.
Dann klappt das auch mit dem eigenen Theme.
hth,
Stefan
--
sei nett zu Deinem Themer
Ich sag nur !important
am 16.06.2009 - 08:35 Uhr
Ich sag nur !important
hmm
am 16.06.2009 - 17:11 Uhr
Ich beherrsche CSS
Habe alles definiert, inkl a:hover li:hover und a.active a:hover usw und der hovert immer noch wie im Elternelement -.-*
Ich tippe mal auf einen bescheuerten Fehler
Hier der CSS Code
#content {
position: relative;
width: 780px;
min-height: 600px;
float: left;
background-color: #ffffff;
}
#content p {
margin-left: 20px;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 5px;
text-align: justify;
}
#content a {
text-decoration: none;
border-bottom: 1px solid #ff9900;
}
#content a:hover {
color: #000000;
text-decoration: none;
border-top: 1px solid #ff9900;
border-bottom: 1px solid #ff9900;
}
ul.primary {
border: 0px none #000000;
text-align: left;
background: none;
margin-left: 0px;
}
ul.secondary {
text-align: left;
border: 0px none #000000;
background: none;
margin-left: 0px;
}
ul.primary a:hover, ul.secondary a:hover {
border: 0px none #000000;
text-align: left;
background: none;
margin-left: 0px;
}
ul.secondary li, ul.primary li {
background: #5e6262;
border: 1px solid #ff9900;
display: inline;
list-style: none;
padding: 2px 4px;
}
ul.primary li a, ul.secondary li a {
height: auto;
position: relative;
color: #ff9900;
background: none;
border: 0px none #000000;
text-decoration: none;
}
ul.primary li.active a, ul.secondary li.active a {
color: #ffffff;
background: none;
border: 0px none #000000;
text-decoration: none;
}
ul.primary li a:hover, ul.secondary li a:hover, ul.primary li.active a:hover, ul.secondary li.active a:hover, ul.primary li.active a.active a:hover, ul.secondary li.active a.active a:hover {
color: #ffffff;
background: none;
border: 0px none #000000;
text-decoration: none;
}
Und hier der HTMl Code
<div id="content">
<ul class="tabs primary">
<li class="active" ><a href="drupal6/startseite" class="active">Anzeigen</a></li>
<li ><a href="/drupal6/node/1/edit">Bearbeiten</a></li>
</ul>
<div id="node-1" class="node clear-block">
<div class="meta">
</div>
<p>Hallo und Herzlich Willkommen auf Obstdealer.de</p>
</div>
</div> <!-- close content -->
ja aber dem anschein nach
am 16.06.2009 - 19:47 Uhr
ja aber dem anschein nach nicht richtig ... http://de.selfhtml.org/css/formate/kaskade.htm#ursprung
was mache ich falsch
am 17.06.2009 - 08:20 Uhr
kann mir denn einer sagen, wieso der sich nicht angesprochen fühlt?
<div id="content">
<ul class="tabs primary">
<li class="active"><a href="drupal6/startseite" class="active">Anzeigen</a></li>
<li ><a href="/drupal6/node/1/edit">Bearbeiten</a></li>
</ul>
</div> <!-- close content -->
Ich glaube er nimmt noch die a Infos aus dem Content-layer
#content a {
text-decoration: none;
border-bottom: 1px solid #ff9900;
}
#content a:hover {
color: #000000;
text-decoration: none;
border-top: 1px solid #ff9900;
border-bottom: 1px solid #ff9900;
}
Und ignoriert damit diese Befehle
ul.primary li a, ul.secondary li a {
height: auto;
position: relative;
color: #ff9900;
background: none;
border: 0px none #000000;
text-decoration: none;
}
ul.primary li.active a, ul.secondary li.active a {
color: #ffffff;
background: none;
border: 0px none #000000;
text-decoration: none;
}
ul.primary li a:hover, ul.secondary li a:hover, ul.primary li.active a:hover, ul.secondary li.active a:hover, ul.primary li.active a.active a:hover, ul.secondary li.active a.active a:hover {
color: #ffffff;
background: none;
border: 0px none #000000;
text-decoration: none;
}
Er hovert nicht nur mit Unter/Überstrich sondern auch noch schwarz oO
Was mich auch wundert ist, das er der ul einfach mal die Klasse tabs primary zuordnet???
Ich verstehs einfach nicht. Ist mein Befehl falsch?
Habe schon sehr viele Möglichkeiten ausprobiert um das zu ändern (Cache leeren sowieso)
Hat jemand nen korrigierten Codeschnipsel für mich?
Danke schonmal
Tipp
am 17.06.2009 - 08:23 Uhr
Moin.
Tipp: verwende Firebug. Dann siehst Du, welches Statement genau greift und welche CSS-Anweisungen davon ausgeführt werden.
hth,
Stefan
--
sei nett zu Deinem Themer
thx
am 17.06.2009 - 15:39 Uhr
danke für den tipp mit firebug, benutze ich schon ;-)
Bin ja kein Idiot oO
Poste mal einen Screenshot
am 17.06.2009 - 17:54 Uhr
Poste mal einen Screenshot und zeig, was genau du ändern willst und welches Theme du hast. Vielleicht kann ich ja helfen. Versprechen kann ich allerdings nix.