zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Html/Css Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.06.2012, 16:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.06.2012
Beiträge: 3
screeny befindet sich auf einem aufstrebenden Ast
Frage Html/Css Problem

Hallo leute,
Ich brauche eure hilfe bei der Navigation meine internetseite.
Zitat:
<a href="Blog.html"><img src="Data/Layout/Navigation/Blog_1.png" style="position: absolute; top:274px; left:50%;" onMouseOver="this.src='Data/Layout/Navigation/Blog_2.png';" onMouseOut="this.src='Data/Layout/Navigation/Blog_1.png';"></a>
<a href="Videos.html"><img src="Data/Layout/Navigation/Videos_1.png" style="position: absolute; top:274px; left:50%;" onMouseOver="this.src='Data/Layout/Navigation/Videos_2.png';" onMouseOut="this.src='Data/Layout/Navigation/Videos_1.png';"></a>
<a href="Gast.html"><img src="Data/Layout/Navigation/Gast_1.png" style="position: absolute; top:274px; left:50%;" onMouseOver="this.src='Data/Layout/Navigation/Gast_2.png';" onMouseOut="this.src='Data/Layout/Navigation/Gast_1.png';"></a>
<a href="Kontakt.html"><img src="Data/Layout/Navigation/Kontakt_1.png" style="position: absolute; top:274px; left:50%;" onMouseOver="this.src='Data/Layout/Navigation/Kontakt_2.png';" onMouseOut="this.src='Data/Layout/Navigation/Kontakt_1.png';"></a>
<a href="IMP.html"><img src="Data/Layout/Navigation/IMP_1.png" style="position: absolute; top:274px; left:50%;" onMouseOver="this.src='Data/Layout/Navigation/IMP_2.png';" onMouseOut="this.src='Data/Layout/Navigation/IMP_1.png';"></a>
Wie ihr sicher gemerkt habt hab ich überall left:50% natürlich sind sie dann alle aufeinander. könnt ihr mir sagen wie ich sie eine bestimmte anzahl an pixeln von der mitte her zentrieren kann?
Danke schoneinmal.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.06.2012, 18:15
Benutzerbild von Sash
Benutzer
neuer user
 
Registriert seit: 29.03.2009
Ort: Bonn
Beiträge: 83
Sash befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von screeny Beitrag anzeigen
... könnt ihr mir sagen wie ich sie eine bestimmte anzahl an pixeln von der mitte her zentrieren kann? ...
Also so wie ich es Verstanden hab, soll die Navigation in der Mitte sein, und Link neben Link.

Am sinvollsten wäre es, wenn du um die Navigation ein div legst das Zentriert ist, und die einzelnen Links garnicht erst Positionierst.
__________________
Ist es nicht schön, wenn ein Plan Funktioniert?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.06.2012, 18:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.06.2012
Beiträge: 3
screeny befindet sich auf einem aufstrebenden Ast
Standard

ein beispiel wäre nett
Mit Zitat antworten
  #4 (permalink)  
Alt 14.06.2012, 18:43
Benutzerbild von Sash
Benutzer
neuer user
 
Registriert seit: 29.03.2009
Ort: Bonn
Beiträge: 83
Sash befindet sich auf einem aufstrebenden Ast
Standard

CSS:
HTML-Code:
#menu { margin: 0 auto; }
HTML:
HTML-Code:
<div id="menu"><a href=""></a></div>
Allerdings liegt es so direkt am oberen Bildschirmrand, falls du das nicht willst: padding-top: 10px;
__________________
Ist es nicht schön, wenn ein Plan Funktioniert?
Mit Zitat antworten
  #5 (permalink)  
Alt 14.06.2012, 19:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.06.2012
Beiträge: 3
screeny befindet sich auf einem aufstrebenden Ast
Standard

also so?
Zitat:
<div id="Blog"><a href="Blog.html"><img src="Data/Layout/Navigation/Blog_1.png" onMouseOver="this.src='Data/Layout/Navigation/Blog_2.png';" onMouseOut="this.src='Data/Layout/Navigation/Blog_1.png';"></a> </div>
<div id="Videos"><a href="Videos.html"><img src="Data/Layout/Navigation/Videos_1.png" onMouseOver="this.src='Data/Layout/Navigation/Videos_2.png';" onMouseOut="this.src='Data/Layout/Navigation/Videos_1.png';"></a> </div>
<div id="Gast"><a href="Gast.html"><img src="Data/Layout/Navigation/Gast_1.png" onMouseOver="this.src='Data/Layout/Navigation/Gast_2.png';" onMouseOut="this.src='Data/Layout/Navigation/Gast_1.png';"></a></div>
<div id="Kontakt"><a href="Kontakt.html"><img src="Data/Layout/Navigation/Kontakt_1.png" onMouseOver="this.src='Data/Layout/Navigation/Kontakt_2.png';" onMouseOut="this.src='Data/Layout/Navigation/Kontakt_1.png';"></a></div>
<div id="IMP"><a href="IMP.html"><img src="Data/Layout/Navigation/IMP_1.png" onMouseOver="this.src='Data/Layout/Navigation/IMP_2.png';" onMouseOut="this.src='Data/Layout/Navigation/IMP_1.png';"></a> </div>
Zitat:
#blog{ margin: 5 auto; }
#Videos{ margin: 5 auto; }
#Gast{ margin: 10 auto; }
#Kontakt{ margin: 15 auto; }
#IMP{ margin: 25 auto; }
Mit Zitat antworten
  #6 (permalink)  
Alt 14.06.2012, 19:37
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Der komplette Code ergibt keinen Sinn. Wie man eine Navi erstellt, steht hier: http://xhtmlforum.de/css/40267-faq-h...antworten.html
Und Du brauchst auch kein JS zum Hovern von Grafiken.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Antwort

Stichwörter
bild, center, css, html, position

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
Design zu CSS/HTML verarbeiten - Problem häufen sich. Grafikamateur CSS 2 06.08.2007 10:57
Problem mit WordPress und dem Bilder Upload Maxefix Serveradministration und serverseitige Scripte 0 19.12.2006 15:58
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 18:39
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 07:28
html/css: anzeige problem - ie6 - online anders als offline? braindead CSS 1 24.09.2003 17:01


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