|
|||
border in Opera // links im IE
Hallo.
Ich hab da mal ne Frage. Meine Links auf meiner Website werden bei :hover mit einer border versehen, die dashed ist. Komischerweise zeigt der Opera die gestrichelte Linie jedes mal anders an. Ist das normal? Dann versteh ich auch nicht warum der Opera die <hr /> (ebenfalls dashed) nicht zentriert anzeigt, wie der IE und der Firefox und Netscape (Falls ihr die <hr> nicht findet: Sie ist weiß und gestrichelt...) Und zu guter Letzt (schreibt man das so=?) ist es total komisch, dass der IE auf der rechten Seite meine Website die Links "Mehr über mich ..." und "Zur Auswertung ..." bei :hover mit einer border versieht (wie vorgesehen), aber den Link "Zum Logbuch ..." nicht, der aber genau gleich aufgebaut ist. Code:
Zum Logbuch ... Code:
<a href=\"../logbuch/\">Zur Auswertung ...</a> Schon komische Sachen... Hoffentlich kann mir jemand helfen. Würde mich sehr drüber freuen!!! Benjamin |
Sponsored Links |
|
|||
Re: border in Opera // links im IE
Zitat:
Zitat:
Zitat:
__________________
>> Linux is like a wigwam: no windows, no Gates, Apache inside. << |
|
|||
Zitat:
Zitat:
Ich habs dann mal so probiert, hat aber nicht geklappt: Code:
hr { margin: 0 auto; padding: 30px; } Zitat:
|
|
|||
Hier mal mehr Code, aber zuerst mal natürlich dur URL:
http://www.dimension-three.de Um die Seite gehts. Also nun zum Problem mit dem IE und den Links: Bei diesem Link tut :hover nicht: Code:
<form action="../home/" method="get"> <fieldset> Wollen Sie sich nicht vorstellen? <input type="text" name="name" id="name" value="Max Mustermann*" onfocus="if(this.value=='Max Mustermann*') this.value=''" onblur="if(this.value=='') this.value='Max Mustermann*'" class="input-logbuch" /><label class="invisible" for="name">(Name)</label> <input type="text" name="email" id="email" value="max@mustermann.com" onfocus="if(this.value=='max@mustermann.com') this.value=''" class="input-logbuch" /><label class="invisible" for="email">(Email)</label> <input type="text" name="website" id="website" value="http://www.mustermann.com" onfocus="if(this.value=='http://www.mustermann.com') this.value=''" class="input-logbuch" /><label class="invisible" for="website">(Website)</label> <input type="submit" name="gesendet_logbuch" value="Abschicken" class="input-submit" /> <input type="reset" value="Zurücksetzen" class="input-submit" /> <div class="text-mini">* = Pflichtfeld</div> Zum Logbuch ... </fieldset> </form> Code:
<form action="../home/" method="get"> <fieldset> Wie findet ihr das aktuelle Design? <input type="radio" name="bewertung" id="b1" value="1" /> <label for="b1">hdgdl</label> <input type="radio" name="bewertung" id="b2" value="2" checked="checked" /> <label for="b2">Zwar keine Mona Lisa, aber .. ;)</label> <input type="radio" name="bewertung" id="b3" value="3" /> <label for="b3">Meine Schuhe gefallen mir auch.</label> <input type="radio" name="bewertung" id="b4" value="4" /> <label for="b4">Laaaangweilig.</label> <input type="radio" name="bewertung" id="b5" value="5" /> <label for="b5">Kotzen musste ich (noch) nicht.</label> <input type="radio" name="bewertung" id="b6" value="6" /> <label for="b6">Abgrundtief hässlich.</label> <input type="submit" name="gesendet_umfrage" value="Abschicken" class="input-submit" /> <input type="reset" value="Zurücksetzen" class="input-submit" /> Zur Auswertung ... </fieldset> </form> Code:
#area-right a { color: #A3C159; text-decoration: none; } #area-right a:hover { border-bottom: dashed 1px #A3C159; } Nun zum Problem mit der <hr />: Der CSS-Code für die hr: Code:
hr { border: dashed #FFFFFF; border-width: 1px 0 0 0; margin: 30px; height: 1px; clear: both; text-align: center; } |
|
|||
Zitat:
Beim oberen Link ist der Rahmen einfach nicht mehr sichtbar, da die umschließende Box vorher endet. BTW: Abstände macht man sinnvollerweise mit padding oder margin, nicht mit s Und für dein hr-Problem im Opera hilft dir die Forumssuche ("hr opera") vielleicht schon weiter - da gab's schon öfter Probleme. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
border unter Links | mimadeta | CSS | 3 | 15.02.2013 12:24 |
Problem mit einem 3D-Effekt | moep0710 | CSS | 12 | 12.06.2010 15:30 |
Problem mit CSS Style | flo007 | CSS | 3 | 25.01.2009 18:08 |
Spaltenlayout | Bilbo | CSS | 40 | 14.04.2008 16:45 |
ie. Abstand über horizontaler Navi geht nicht weg. | tifi | CSS | 5 | 21.11.2006 18:17 |