CSS Anfänger

mahmoud1908

Egal in welchem Forum man aktiv ist, es ist so als ob die Admins alle gleich sind, dass was ich brauche finde ich nicht ich brauche einen Schatten:
Der links und oben schwarz ist und rechts und unten weiß,
wenn es sowas gibt dann zeig es mir bitte.

Bandit

Zitat von mahmoud1908

ein StyleSheet Tag der aussagt das jedes Bild einen Schatten bekommen soll

Zitat von mahmoud1908

ich brauche einen Schatten:
Der links und oben schwarz ist und rechts und unten weiß

Ja was denn nun? Einen zweifarbigen Rahmen oder einen Schatten?

http://www.css4you.de/borderproperty.html

mahmoud1908

eher einen rahmen, kannst du mir ein Bespiel zeigen was ich schreiben müsste, damit alle Bilder diesen Rahmen bekommen

Bandit

Nur nicht mal selber lesen und experimentieren, oder?

mahmoud1908

ich lerne noch und von deinem Bespiel kann ich doch auch lernen oder? Deswegen habe ich gesagt ein Bespiel nicht mein?!

edit:
muss ich dann jeweils bei source mein Bild einfügen oder wird es jetzt automatisch auf alle angepasst?

Bandit

Ich möchte erst garnicht wissen, wieviele Beispiele ich mit google finde, wenn ich dort css rahmen eingebe!

mahmoud1908

ok ich muss ehrlich sagen ich hab vielleicht 5 Minuten gesucht aber in diesem Wald voller google-Ergebnisse und wozu gibt es den sonst dieses Forum, außerdem bedanke ich mich doch auch:D

DANKE

driver

Code

<style type="text/css">
img {
border:2px;
border-style:solid;
border-top-color: #ffffff;
border-left-color: #ffffff;
border-right-color: #000000;
border-bottom-color: #000000; 
}
</style>

mahmoud1908

also bei mir wird meine Seite im Internet Explorer anders angezeigt als in Mozilla Firefox, kann das sein oder wieso passiert das?

driver

weil ie und ff manche css angeben unterschiedlich auslegen.

beispiel:

padding: 20px;
width:400px;

browser1: nimmt den container und zählt nochmal 20px dazu... der container is dann 440 breit... der inhalt hat 400px platz
browser2: nimmt die feste breite von 400px, und zieht dann dem inhalt 40px ab... der container bleibt bei 400px, dafür hat der inhalt nur noch 360px

J32

vermutlich weil der Internet Explorer den code anders interpretiert als Firefox.

Wenn du hilfe mit css oder html brauchst ist http://www.selfhtml.org die richtige Adresse. Da brauchst du kein google. Da steht alles lang und breit erklärt mit Beispielen die sogar ich verstanden hab als ich mal angefangen hab.

Gruß

J32

mahmoud1908

Zitat von driver

weil ie und ff manche css angeben unterschiedlich auslegen.

beispiel:

padding: 20px;
width:400px;

browser1: nimmt den container und zählt nochmal 20px dazu... der container is dann 440 breit... der inhalt hat 400px platz
browser2: nimmt die feste breite von 400px, und zieht dann dem inhalt 40px ab... der container bleibt bei 400px, dafür hat der inhalt nur noch 360px

kann ich was dagegen tun?

da freut man sich die ganze Zeit und schaut sich sein Ergebnis in Mozilla an und auf einmal, wie so ein Tritt ins Gesicht kommt diese Info, dass es in verschiedenen Browsern verschieden angezeigt wird, was für ne Kacke

J32

tja und es gibt sogar mehr als zwei Browser...da wirds erst lustig. Wirklich was tun kann man bei einigen Sachen nicht. Es kommt eben auf deinen Code an. Versuche deinen Code so valide wie mögich zu halten. Um zu sehen was du falsch machst kannst du deine url hier eingeben

http://validator.w3.org/

werden dir fehler angezeigt ist es nicht valide und wird vermutlich unterschiedlich interpretiert. Aber auch valide heißt nicht das es zu 100% gleich angezeigt wird. Nur die Chancen dafür stehen besser.

Gruß

J32

mahmoud1908

also bei mir ist es so, dass es einen Abstand ziwschen dem Logo und dem Menü gibt, aber nur im Internet Explorer in Mozilla ist alles richtig.
Auf manchen Seiten wird das Logo nicht angezeit, aber auf meiner Index-Seite ist alles richtig. Internet Explorer stinkt mir grad gewaltig und die anderen Browser will ich erst gar nicht ausprobieren!!!!

ich guck es mir im Internet Explorer in einer 5.2 Version an, liegt es daran vielleicht?

driver

ja es gibt eine möglichkeit -> sauber coden.

so kannst die größten differenzen ausgleichen und die seite
wird in nahezu allen browsern gleich angezeigt. es gibt zwar ne
menge browser, aber des bedeutet nicht dass alle jedes attribut
unterschiedlich interpretieren. wennst se im ff und ie lauffähig
hast, biste zu 95% auf der richtigen spur.

mahmoud1908

kann sich einer von euch im Internet Explorer die Seite angucken und mir sagen ob man einen orangenen Pfeil sieht?
http://www.architekten-kauschke.de/ver/traun/01.html

driver

ich sogar mehrere

mahmoud1908

dankeschön du bist die Rettung, denn meine dumme alte Version zeigt diese nicht an!

J32

Hier von mir noch ein Tipp. Wenn du dir anschauen willst wie deine Seite in einem anderen Browser aussieht gib deine URL hier ein

http://browsershots.org/

da bekommst du dann nach etwas wartezeit screenshots von deiner Seite mit den verschiedensten Einstellungen. War für mich immer sehr hilfreich.

Gruß

J32

mahmoud1908

Ich weiss nicht wie ich beim Orientierungspfad die beiden Wörter nebeneinander kriege

http://www.architekten-kauschke.de/kontakt.html

kann mir vielleicht jemand helfen?!

HTML

<!-- START head -->


<html>


    <head>
        <title>Strato Formularbaukasten</title>
         <style type="text/css">


 <!--
ul,body,p,td,tr,table,ol,div{
font-size:11px;
font-family:Verdana;
}
td{
width:100px;
}
.button{
border-bottom: black 1px solid;
border-left: #297394 1px solid;
border-right: black 1px solid;
border-top: #297394 1px solid;
font-family:Verdana;
font-size: 11px;
text-align:left;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
font-weight:bolder;
color:black;
background-color:#dfdfdf;
cursor:hand;
display:inline;
width:auto;
}
.text{
background-color:#FFFFFF;
color:#000000;
border:1px solid black;
}
.select{
background-color:#FFFFFF;
color:#000000;
}
 -->


 </style>
    </head>


    <body bgcolor="#D9D9D9" text="1E1E1E" leftmargin="0" marginwidth="0" topmargin="0">
        <table border="0" cellpadding="0" cellspacing="0">
            <tr height="90">
                <td height="90" width="5"></td>
                <td height="90"></td>


            </tr>


                <td width="96" height="926" rowspan="2"></td>
                <td width="256" height="48" align="left" xpos="304" content valign="top" csheight="44"><span class="link"><a href="index.html"><img src="../../../images/Pfeil.png" width="5" height="10" border="0"></a><a href="index.html"> </a></span><a href="../../../index.html" target="_top"><span class="link">Highlights</span></a><span class="link"> - <a href="../../../kontakt.html" target="_top"><img src="../../../images/Pfeil.png" width="5" height="10" border="0"> </a></span><span class="link"><a href="../../../kontakt.html" target="_top">Kontakt</a></span></td>
                <td width="210" height="48" colspan="2"></td>
                <td width="1" height="48"><spacer type="block" width="1" height="48"></td>


            <tr>
                <td align="left" valign="top" width="5"></td>
                <td align="left" valign="top">
                    <form action="{form}" method="post" enctype="multipart/form-data">
 <input type="hidden" name="fid" value="{formular_id}">
 <!-- START error --><p style="color:#ffd700">{error}</p><!-- END error -->
 <table><!-- END head --><!-- START input_text -->
 <tr>
  <td>{text_text}<!-- START obl_asterisk --><span style="color:#ffd700">*</span><!-- END obl_asterisk --></td>
  <td><input class="text" type="text" name="{name}" value="{value}" size="{size}" maxlength="{maxlength}"></td>
 </tr><!-- END input_text --><!-- START input_checkbox -->
 <tr>
  <td><!-- START one_input_checkbox -->
   {text_checkbox}<!-- START obl_asterisk --><span style="color:#ffd700">*</span><!-- END obl_asterisk -->
  </td>
  <td>
   <input type="checkbox" name="{name}" value="{value}" <!-- START checked_block -->checked<!-- END checked_block --> /><!-- START br_block --><br /><!-- END br_block --><!-- END one_input_checkbox -->
  </td>
 </tr><!-- END input_checkbox --><!-- START input_radio -->
  <!-- START one_input_radio --><tr><td>
   {text_radio}<!-- START obl_asterisk --><span style="color:#ffd700">*</span><!-- END obl_asterisk -->
  </td>
  <td>
   <input type="radio" name="{name}" value="{value}" <!-- START checked_block -->checked<!-- END checked_block --> /><!-- START br_block --><br /><!-- END br_block -->
  </td>
 </tr><!-- END one_input_radio --><!-- END input_radio --><!-- START input_hidden -->
 <tr>
  <td colspan="2">
   <input type="hidden" name="{name}" value="{value}">
  </td>
 </tr><!-- END input_hidden --><!-- START input_img -->
 <tr>
  <td>{text_img}<!-- START obl_asterisk --><span style="color:#ffd700">*</span><!-- END obl_asterisk --></td>
  <td>
   <input class="text" type="img" src="{src}" {options} />
  </td>
 </tr><!-- END input_img --><!-- START input_password -->
 <tr>
  <td>{text_password}<!-- START obl_asterisk --><span style="color:#ffd700">*</span><!-- END obl_asterisk --></td>
  <td>
   <input class="text" type="password" name="{name}" value="{value}" size="{size}" maxlength="{maxlength}" />
  </td>
 </tr><!-- END input_password --><!-- START input_submit -->
 <tr>
  <td><input class="button" type="reset" name="reset2" value="{rst_value}" /></td>
  <td><input class="button" type="submit" name="submit" value="{sbm_value}" /></td>
</tr><!-- END input_submit --><!-- START input_reset -->
 <tr>
  <td colspan="2"><input class="button" type="reset" name="reset" value="{rst_value}" /></td>
 </tr><!-- END input_reset --><!-- START input_select -->
 <tr>
  <td>{text_select}<!-- START obl_asterisk --><span style="color:#ffd700">*</span><!-- END obl_asterisk --></td>
  <td>
   <select class="select" name="{name}" size="{size}" <!-- START multiple -->multiple="multiple"<!-- END multiple -->><!-- START one_input_option -->
    <option value="{value}" <!-- START selected -->selected<!-- END selected -->>{option_text}</option><!-- END one_input_option -->
   </select>
  </td>
 </tr><!-- END input_select --><!-- START input_textarea -->
 <tr>
  <td colspan="2">
   {text_textarea}<!-- START obl_asterisk --><span style="color:#ffd700">*</span><!-- END obl_asterisk --><br />
   <textarea class="text" name="{name}" cols="{cols}" rows="{rows}">{value}</textarea>
  </td>
 </tr><<!-- END input_textarea --><!-- START input_file -->
 <tr>
  <td>{file_text} </td><td><p><input class="button" type="file" name="file" value="" /><br />
  <span title="{file_extensions}" style="cursor:pointer; font-size: 0.8em;">{file_extensions_short}</span></p>
  </td>
 </tr><!-- END input_file -->><!-- START sternchentext -->
 <tr><td colspan="2"><span style="color:#ffd700">* Pflichtfeld</span></td>
 </tr><!-- END sternchentext --><!-- START footer -->
</table>
</form>
                </td>
            </tr>
        </table>
    </body>


</html>


<!-- END footer -->

Alles anzeigen

Tags