nicht angemeldet
Moin,
Ich möchte auf dieser Seite eine Navigation einbauen - mit einem div blättert man zurück und mit dem anderen nach vor.
Mir ist es bereits gelungen ein div in Funktion zu bringen mit welchem man vorwärts blättert (Nächstes Fahrzeug>>)und welches ich horizontal mittig zentrieren konnte.
Danach (betrifft diesen Quelltext) wollte ich einen zweiten div einbauen mit welchen man dann auch zurück blättern kann.
Dieser sollte links neben dem div "Nächstes Fahrzeug>>>" stehen wobei beide horizontal in der mitte mit einem kleinen Abstand voneinander zentriert sein sollen.
Dabei bin ich leider kläglich gescheitert, ebenso beim Versuch den div "<<zürück" am linken Rand und den div "Nächstes Fahrzeug>>" am rechten Rand auszurichten da hierbei von einem div etwas abgeschnitten wird wie man es im Quelltext sieht.
Ich hoffe jemand ist gewillt mir hierbei eine Lösung aufzuzeigen da mir bei diesen Problemen hunderte Hilfeseiten nicht wirklich weiter helfen konnten.
Ich verstehe zwar schon manches in CSS aber leider bei weitem noch nicht alles..
Die Seite entwickle ich lokal weshalb ich leider keinen Link anbieten kann.
Grüße
Firefox
-------------------------------------------------------------
<!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=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
background-color: #e4e4e4;
font-family: Verdana;
font-size: 12px;
color: #00012F;
width: 771px;
margin: 10px;
padding: 10px;
border: 1px solid;
}
a.navlink {
display: block;
width: 130px;
font-size: 10px;
color: #e4e4e4;
font-family: Verdana;
text-decoration: none;
padding: 2px;
border: 3px solid;
text-decoration: blink;
}
a.navlink:hover {
text-decoration: none;
}
#box1 {
}
#box2 {
}
#navbox3 {
display: inline;
float: right;
width: 140px;
text-align: center;
position:relative;
margin: 0px auto;
border: 1px;
border-color: #00012F;
border-style: ridge;
background-color: #CC0500;
}
#navbox3:hover {
text-align: right;
}
#navbox4 {
display: inline;
width: 140px;
text-align: center;
position:relative;
margin: 0px auto;
border: 1px;
border-color: #00012F;
border-style: ridge;
background-color: #CC0500;
}
#navbox4:hover {
text-align: left;
}
-->
</style>
</head>
<body>
<div id="box1">
<p align="center"><img src="xxxxxxxx/xxxxxxx.jpg" alt="xxx" width="400" height="268" border="1" /></p>
</div>
<div id="box2" align="center"> <strong>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</strong><br /><br />
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<br />
xxxxxxxxxxxxxxxxxxxx<br /><br />
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</div>
<br />
<div id="navbox3">
<a class="navlink" href="xxx.html" target="_self">Nächstes Fahrzeug>></a></div>
<div id="navbox4">
<a class="navlink" href="xxx.html" target="_self"><< Zurück</a></div>
</body>
</html>