zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div Grafikbutton

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.03.2010, 12:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.03.2010
Beiträge: 4
dannybdanny befindet sich auf einem aufstrebenden Ast
Standard Div Grafikbutton

Hallo,
ich habe ein problem.
ich habe mit div buttons gemacht also grafiken.
wenn ich auf die grafik klick soll sich dann die entsprechende seite öffnen.
wenn ich das aber mit
HTML-Code:
 <a href"#"></div id="button1"></div></a>
dann verschiebt sich das ganze in firefox oder der hyperlink ist dann für die ganze Zeile, also auch die buttons wo eine andere seite geöffnet werden soll.

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link href="Style.css" rel="stylesheet" type="text/css" />


</head>
<body>


<div id="wrapper">
<div id="header">
</div> <!--DIV END header-->
<div id="schatten">
</div> <!--DIV END schatten-->
<div id="button1">
	<div id="button2">
		<div id="button3">
			<div id="button4">
			</div> <!--DIV END button4-->
		</div> <!--DIV END button3-->
	</div> <!--DIV END button2-->
</div> <!--DIV END button1-->



<div id="content">
</div>











</div><!--DIV END wrapper-->
</body>
</html>
PHP-Code:
/* CSS Document */

body {
margin:auto;
margin-top:50px;
background-color:#FFFFFF;
}

#wrapper {
width:380px;
height:330px;
margin:auto;

}
#header    {
background-image:url(HPBILDER/header.jpg);
width:380px;
height:78px;
margin:auto;

}
#schatten {

width:380px;
height:19px;
margin-top:0px;
background-image:url(HPBILDER/schatten.jpg);
}
#button1 {
background-image:url(HPBILDER/button1.jpg);
width:86px;
height:23px;
margin-top:0px;
margin-left:0px;
}
#button2 {
background-image:url(HPBILDER/button2.jpg);
width:86px;
height:23px;
margin-top:0px;
margin-left:98px;
}
#button3 {
width:86px;
height:23px;
background-image:url(HPBILDER/button3.jpg);
margin-top:0px;
margin-left:98px;
}
#button4 {
width:86px;
height:23px;
background-image:url(HPBILDER/button4.jpg);
margin-top:0px;
margin-left:98px;
}
#content {
width:380px;
height:210px;
background-image:url(HPBILDER/content.jpg);
margin-top:10px;
margin-left:0px;
}


wie mache ich das wenn ich auf button 1 klicke der erste link (zb. index.html) öffnet und bei button 2 der zweite link usw.

mfG
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.03.2010, 13:41
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

Blockelemente innerhalb von Inline-Elementen sind verboten.

Wie du z.B. eine grafische navi erstellst kannst du in der CSS-FAQ nachlesen.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
Antwort

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
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:54 Uhr.