[CSS] Klassen werden nicht übernommen

**Dulla_Po** · 11.10.2006, 20:17

Klassen werden nicht übernommen

Hi, ich habe Klassen definiert, die einfach nicht übernommen werden. Ich hab keine Ahnung woran es liegt. Vllt, weil ich PHP verwende?

PHP-Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

[url]http://www.w3.org/TR[/url]

/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<style type="text/css">

<!--

.1{font-family: "Arial";font-size: 17px;}

.1 a:link{text-decoration: none;}

.1 a:visited{text-decoration: none;}

.1 a:hover{text-decoration: overline;color: #20ac3d;}

.1 a:active{text-decoration: overline;color: #20ac3d;}

-->

</style>

<meta name="robots" content="noindex" />

<?php

$url = array("url0", "url1", "url2");

if (isset($_GET["down"])){ 

echo "<meta http-equiv='refresh' content='4;url=" . $url[$_GET

["down"]] . "' />";}

?>

<title>Download</title>

<base target="_self" />

</head>

<body style="background-color:transparent;" leftmargin="0"

 topmargin="0" rightmargin="0">

<table border="0" cellpadding="0" cellspacing="0"><tr><td 

width="400" height="15" align="center">

<?php

if (isset($_GET["id"])){

echo "<a class='1' href='download.php?down=" . $_GET["id"] . "'

 title='DOWNLOAD'>Download</a>";}

else{

echo "<img src='../images/pleasewait.gif' alt='Automatische

 Weiterleitung' />";}

?>

</td></tr></table>

</body>

</html>

**Abraxax** · 11.10.2006, 20:35

ich habe Klassen definiert, die einfach nicht übernommen werden

du hast zwar was im css stehen. aber definiert hast du damit eine class noch lange nicht.

hast du dir mal die namenskonventionen angeschaut? wohl nicht.

**Abraxax** · 11.10.2006, 20:38

warum postest du 2x?

*MERGE*

**Kropff** · 11.10.2006, 20:44

außerdem dürfen klassennamen nicht mit einer zahl beginnen. 1 ist also falsch. und die zuweisung erfolgt über

PHP-Code:


...

.blubb

{

   ...

}

...

<a class="blubb"...>

gruß
peter

**Dulla_Po** · 11.10.2006, 22:44

Ich hab den Code jetz umgeändert, er wird aber immer noch nich übernommen:

Code:

<style type="text/css">
<!--
.hyper 
{
font-family: "Arial";font-size: 17px;
}
.hyper a:link 
{
text-decoration: none;
}
.hyper a:visited 
{
text-decoration: none;
}
.hyper a:hover 
{
text-decoration: overline;color: #20ac3d;
}
.hyper a:active 
{
text-decoration: overline;color: #20ac3d;
}
-->
</style>

**wahsaga** · 11.10.2006, 23:56

Original geschrieben von Dulla_Po
Ich hab den Code jetz umgeändert, er wird aber immer noch nich übernommen

Die HTML-Kommentare würde ich da lieber entfernen - kann zu Inkompabilitäten führen.

Und auf welches HTML willst du dieses CSS jetzt wirken lassen?

**Dulla_Po** · 12.10.2006, 02:10

Ne hat leider immer noch nich geklappt.

Hier rauf sollte das angewendet werden:

PHP-Code:


if (isset($_GET["id"])){

echo "<a class='hyper' href='download.php?down=" . $_GET["id"] . "' 

title='DOWNLOAD'>Download</a>";}

**ArSeN** · 12.10.2006, 07:26

Gudn Morgn!

Konvention: Element.Klasse:PseudoElement { Def }

Ergo:

Code:

<style type="text/css">
.hyper {
  font-family: "Arial";font-size: 17px;
}
a.hyper:link {
  text-decoration: none;
}
a.hyper:visited {
  text-decoration: none;
}
a.hyper:hover {
  text-decoration: overline;color: #20ac3d;
}
a.hyper:active {
  text-decoration: overline;color: #20ac3d;
}
</style>

P.S.: Einrückungen können Wunder bewirken.

**wahsaga** · 12.10.2006, 09:57

Original geschrieben von Dulla_Po
Hier rauf sollte das angewendet werden

Wenn du nach dem HTML-Code gefragt wirst, dann poste gefälligst nicht deinen PHP-Kram, sondern HTML.

**Dulla_Po** · 12.10.2006, 10:41

Joar Danke dir jetz gehts, das ist aber komisch, denn ich hatte das mit den Pseudoklassen schon mal auf was andres angwewendet. Da ging das komischerweise nicht und als ich das dann so umgestellt hatte, dann ging es. Ist das immer zufall, wie was geht oder steckt da doch ein system hinter?

Ja tschuldige, ich wollte nur klar machen, das das mit PHP ausgedrückt wird. Könnte ja sein, das es da probleme gibt.

**wahsaga** · 12.10.2006, 12:00

Natürlich steckt da System dahinter - informiere dich mal über Selektoren und Spezifität in CSS.

**Dulla_Po** · 12.10.2006, 12:48

Hmm, hab das jetz so verstanden, das man rumprobieren muss wie man das jetz schreibt. Hat das was mit diesen unterschiedlichen Gewichten zu tun, das ich es einmal so:

Code:

.inhalt a:link
{
text-decoration:none;
}

und einmal so:

Code:

a.hyper:link {
  text-decoration: none;
}

schreiben muss?

**wahsaga** · 12.10.2006, 13:08

Original geschrieben von Dulla_Po
Hmm, hab das jetz so verstanden, das man rumprobieren muss wie man das jetz schreibt.

Nein, "Rumprobieren" muss nur, wer keine Ahnung hat.

Hat das was mit diesen unterschiedlichen Gewichten zu tun, das ich es einmal so:
.inhalt a:link { ... }
und einmal so:
a.hyper:link { ... }
schreiben muss?

Nein - sondern damit, dass beide Selektorenkombinationen vollkommen andere Elemente auswählen.

Das erste wirkt auf alle A-Elemente, die Links sind, und sich innerhalb eines beliebigen Elements mit der Klasse "inhalt" befinden.

Das zweite wirkt auf die A-Elemente, die Links sind, und selber der Klasse "hyper" angehören.

**mcmurphy** · 12.10.2006, 13:40

OffTopic:

Nein, "Rumprobieren" muss nur, wer keine Ahnung hat...

Steht z.B. der Star Hack oder besser noch der Tan-Hack in irgendeiner Konvention oder glaubst du die Hacks wurden durch logisches Nachdenken endeckt? Wer rumprobiert gibt sich doch zumindest Mühe Ahnung zu bekommen ...

Natürlich steckt da System dahinter -

auch bei Microschrott?

Wird geladen... Bitte warte.

[CSS] Klassen werden nicht übernommen

[CSS] Klassen werden nicht übernommen

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar