Script zwei mal anwenden im einem.
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ahnung
anwenden
beispiel
boxen
code
dank
farbe
forum
frage
helfen
hilfe
linie
pack
text
zweier klassen
-
Hi
ich habe eine Frage und zwar wie kann ich diesen Script öffters anwenden ich weist das man da noch was ändern muss ich habe das schon geändert.
Hier der Script:
<style type=\"text/css\"><!--
.examplediv
{
background-color:#efefef;
border-style:solid #000000 1px;
}
#divid
{
position:absolute;
left:450px; top:350px; width:300px; height:150px;
}
// --></style>
<body>
<div id=\"divid\" class=\"examplediv\">
...
</div>
Meine Frage ist jetzt wie ich diesen Script öffter anwenden kann ohne ihn z.b. 2 mal reinzumachen.
Danke -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi, dein Text ist ja in erster Linie CSS. Aber wieso wíllst du das öfter anwenden? Zweimal ein 1px Border bleibt ein 1px Border und wird nicht zu einem 2px Border, bei Farben genauso, grau bleibt grau.
Oder willst du zwei <div> Boxen? Dann wäre es am einfachsten 2x \'<div id=\"divid\" class=\"examplediv\">...</div>\' zu schreiben.
Allerdings sind deine div Boxen absolut positioniert, also werden einfach beide übereinandergelegt und du siehst wieder nur eine.
P.S. Es gibt hier im Forum [ code ] ... [ /code ] Tags. -
Hi,
ich verstehe mal wieder nicht, was du meinst.
1. Das ist kein Script, das ist simpler HTML Code.
2. Du brauchst es nicht öfters anwenden. Jedes div der id divid erhält deine CSS Formatierungen. Du musst nur jedem Div die id divid zuweisen, wo du diese Formatierungen haben möchtest.
Möchtest du ein weiteres div haben mit diesen Formatierungen? Einfach
<div id=\"divid\"> ... </div>
schreiben.
Sorry, aber ich hab keine Ahnung, wie ich dir helfen könnte.
Was sonst könntest du gemeint haben?
Yazurah -
Also ich meine es so :
1. Code
<style type=\"text/css\"><!-- .examplediv { background-color:#efefef; border-style:solid #000000 1px; } #divid { position:absolute; left:450px; top:350px; width:300px; height:150px; } // --></style> <body> <div id=\"divid\" class=\"examplediv\"> ... </div>
2.
<style type=\"text/css\"><!-- .hi { background-color:#efefef; border-style:solid #000000 1px; } #andere id { position:absolute; left:700px; top:600px; width:300px; height:150px; } // --></style> <body> <div id=\"andere id\" class=\"hi\"> ... </div>
und das möchte ich in einem Script haben.
Beitrag geändert: 20.3.2008 14:40:21 von catattack -
Wenn du die Formatierungen zweier Klassen in einer Haben willst, dann pack sie doch auch einfach zusammen... Beispiel:
1.
<style type=\"text/css\"> div#id { color:#FFFFFF; } </style>
2.
<style type=\"text/css\"> div#id { width:100px; } </style>
3.
<style type=\"text/css\"> div#id { color:#FFFFFF; width:100px; } </style>
In deinem Beispiel kann man das nicht machen, da bei .examplediv die Formatierungen die gleichen sind und bei #divid unterschiedliche Größenangaben sinnlos sind!
Oder habe ich immer noch nicht verstanden, was du willst?
Yazurah -
<style type=\"text/css\"><!-- .examplediv { background-color:#efefef; border-style:solid #000000 1px; } #divid { position:absolute; left:450px; top:350px; width:300px; height:150px; } .hi { background-color:#efefef; border-style:solid #000000 1px; } #andere id { position:absolute; left:700px; top:600px; width:300px; height:150px; } // --></style> <body> <div id=\"divid\" class=\"examplediv\"> ... </div> <div id=\"andere id\" class=\"hi\"> ... </div> ...
Oder besser, da deine class beide mal gleich ist:
<style type=\"text/css\"><!-- .myclass { background-color:#efefef; border-style:solid #000000 1px; } #divid { position:absolute; left:450px; top:350px; width:300px; height:150px; } #andere id { position:absolute; left:700px; top:600px; width:300px; height:150px; } // --></style> <body> <div id=\"divid\" class=\"myclass\"> ... </div> <div id=\"andere id\" class=\"myclass\"> ... </div> ...
Beitrag geändert: 20.3.2008 14:44:50 von kochmarkus -
genau ich bin jetzt auch drauf gekommen aber nur so:
<style type=\"text/css\"><!-- .examplediv .mi { background-color:#efefef; border-style:solid #000000 1px; } #div { position:absolute; left:700px; top:600px; width:300px; height:150px; } #hi { position:absolute; left:0px; top:0px; width:300px; height:150px; } // --></style> <body> <div id=\"div\" class=\"examplediv\"> ... </div> <div id=\"hi\" class=\"mi\"> TEXT </div>
Aber trotzdem Danke für eure hilfe -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
