zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Mehrere div Objecte per hover bewegen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.09.2013, 22:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.09.2013
Beiträge: 8
adl-solutions befindet sich auf einem aufstrebenden Ast
Standard CSS Mehrere div Objecte per hover bewegen

Hallo erstmal,
wie kann ich per hover über ein element. Das eine Element drehen und bei einem anderes div element die width ändern??
LG Elias

Geändert von adl-solutions (28.09.2013 um 22:21 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.09.2013, 22:55
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.381
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Mit CSS? Ohne Code kann man nicht mehr sagen. Kommt immer auf die Verschachtelung an.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.09.2013, 22:56
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.639
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Kommt darauf an wo sich das Div befindet. Auf gleicher Ebener, darunter oder ganz woanders?

Ein Link zur Seite oder zumindest Quellcode zu sehen wäre sinnvoll.





Edit: der Paketdienst war zu langsam diesmal.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.

Geändert von explanator (28.09.2013 um 22:59 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 28.09.2013, 23:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.09.2013
Beiträge: 8
adl-solutions befindet sich auf einem aufstrebenden Ast
Standard

Mein HTML Code:
HTML-Code:
<div id="header_container" style="position: fixed; top: 0px; left: 0px; width: 1910px; height: 50px; ">
        <div class="background" style="position: fixed; top: 0px; left: 0px; width: 50px; height: 50px; ">
        </div>
        <div class="box rotate-it box2" style="position: fixed; top: 0px; left: 0px; ">
            <div class="icon" style="position: fixed; top: 0px; left: 0px; width: 50px; height: 50px;">
            </div>
        </div>
        <div class="box2 scale" style="position: fixed; top: 0px; left: 50px;" ></div>
    </div>
div class="box2 scale" style="position: fixed; top: 0px; left: 50px;" ></div>
Dieser Teil soll lang gezogen werden wenn man auf diese div box <div class="box rotate-it box2" style="position: fixed; top: 0px; left: 0px; "></div>.
Und diese div box <div class="box rotate-it box2" style="position: fixed; top: 0px; left: 0px; "></div> soll sich dann drehen.

Code:
.box
                {
            	overflow: hidden;
                transition-duration: 0.8s;
                transition-property: transform;
            	z-index: 0;
            	width: 50px;
            	height: 50px;
                }
.rotate-it:hover,
                .rotate{
                	-moz-transform:rotate(45deg); /* Firefox 3.6 Firefox 4 */
                    -webkit-transform:rotate(45deg); /* Safari */
                    -o-transform:rotate(45deg); /* Opera */
                    -ms-transform:rotate(45deg); /* IE9 */
                    transform:rotate(45deg);
                }
Und das andere bekommich noch nicht hin.
LG Elias
Mit Zitat antworten
  #5 (permalink)  
Alt 28.09.2013, 23:19
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.639
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Solange du da inlinestyles verwendest, kannst du nichts machen, da die inlinestyles als letztes ausgeführt werden.

Verzichte auf inlinestyles.
Warum hast du die Klasse box dort drin?

Räume erst mal deine Klassennamen auf, sonst steigt da keiner durch.
Namen sollten nicht nach CSS-Eigenschaften benannt werden, also eine Klasse background ist nicht gut gewählt. Wozu ist das Div dort?
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #6 (permalink)  
Alt 28.09.2013, 23:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.09.2013
Beiträge: 8
adl-solutions befindet sich auf einem aufstrebenden Ast
Standard

Hey,
wie kann ich auf die verzichten?

Wenn ich richtig verstehe, ist doch mit inlinestyles die styles gemeint die im HTML Dokument geschrieben werden. Oder?
LG Elias
Mit Zitat antworten
  #7 (permalink)  
Alt 28.09.2013, 23:40
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.639
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

zu Inlinestyles:
Inline-Styles in HTML-Elementen - Webkompetenz

weiterführende Hinweise: CSS in HTML einbinden - Webkompetenz
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #8 (permalink)  
Alt 29.09.2013, 12:35
Benutzerbild von lottikarotti
Ein ♥ für's Web
XHTMLforum-Mitglied
 
Registriert seit: 18.04.2012
Ort: Karlsruhe
Beiträge: 396
lottikarotti wird schon bald berühmt werden
Standard

Hallöchen,

Zitat:
Zitat von adl-solutions Beitrag anzeigen
Hey,
wie kann ich auf die verzichten?

Wenn ich richtig verstehe, ist doch mit inlinestyles die styles gemeint die im HTML Dokument geschrieben werden. Oder?
LG Elias
mehr zum Thema findest du hier: Little Boxes. Ich rate dringend zur Lektüre.

Viele Grüße,
lotti
__________________
Empfehlenswerte Links:
jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint
Mit Zitat antworten
Antwort

Stichwörter
animation, css, css3, html

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fertiges Drop-Down Menü ins Layout einfügen VoB CSS 6 15.03.2011 17:14
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 20:51
Problem mit CSS in Joomla 1.5 noobilicius CSS 6 25.09.2008 21:24
CSS Menü seema CSS 0 03.09.2008 21:04
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 13:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:01 Uhr.