 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
jimmyhartwig
Threadersteller
Dabei seit: 23.11.2010
Ort: Hanau
Alter: 46
Geschlecht: 
|
Verfasst Di 23.11.2010 19:32
Titel Fragen zur Homepage Seite |
  |
|
Hallo Allerseits,
bin neu hier in dem Forum und habe schon öfters mitgelesen aber heute brauche ich eure Hilfe. Ich bin Neuling auf dem Gebiet der Webgestaltung und komme eigentlich aus dem Print Bereich. Bei meinem jetzigen Arbeitgeber bin ich neuerdings für die Pflege der Homepage verantwortlich, die Auswahlseite soll überarbeitet werden. Html lerne ich selbstständig mit selfhtml und Büchern.
Ich wäre dankbar wenn Ihr mir bezüglich der Seite helfen könntet, denn aller Anfang ist schwer. Gewünscht war ein FlyOut Menü auf der Homepage, laufen sollte es ohne Problem auf den gängigsten Browsern. Aber nun zu meinen Fragen.
1.) Kann ich die Farbe orange ändern, wenn ich mit der Maus auf Produkte gehe?
2.) Das Menü ist nicht oben links in der Ecke, was mache ich da falsch?
3.) Kann ich die Hauptbuttons von der Breite ändern und die Sub bei dieser Größe belassen?
4.) Wie bekomme ich es hin, dass die Farbe bis unten in diesem leichten blau ist?
5.) Wie läuft das ganze mit Session-ID, wenn die Kunden auf den Unterseiten surfen und man eine feste Nummer behält?
6.) Wie kann ich am besten die Größe der Seite bestimmen?
Viele Fragen, aber vielleicht hilft ja jemand, danke erstmal.
Gruß Jimmy
| Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> xxxxxxxxxxxxxxxxxxxxxxxx</title>
<meta name="Author" content="" />
<meta name="Keywords" content= "" />
<meta name="Description" content="" />
<meta name="verify-v1" content="" />
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
</style>
<link rel="stylesheet" media="all" type="text/css" href="../css/default.css" />
<style type="text/css">
a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0;}
#positioner {position:relative; left:-5px; width:160px; height:155px; padding-left:0px; float:left; background:#fff;}
.holder {position:absolute; width:150px; height:25px;}
dl.menu {width:300px; float:left; margin:-32000px 0 0 -9999px;}
.p1 {top:0;}
.p2 {top:26px;}
.p3 {top:52px;}
.p4 {top:78px;}
.p5 {top:104px;}
.p6 {top:130px;}
.p7 {top:156px;}
.p8 {top:182px;}
.p9 {top:208px;}
.p10 {top:234px;}
dl.menu a {display:block; height:25px; font:normal 11px/25px verdana, sans-serif; text-decoration:none; text-indent:10px; border-bottom:1px solid #fff; border-left:1px solid #fff;}
dl.menu dt {float:left; padding:0; position:relative; left:9999px; z-index:50; margin:32000px 0 0 0;}
dl.menu dt a {width:149px; background:#99ccff; float:left; color:#000;}
dl.menu dt a.sub {background:#99ccff url(dl-flyout/arrow.gif) no-repeat 140px center; color:#000000;}
dl.menu dt a:hover,
dl.menu dt a:focus,
dl.menu dt a:active
{margin-right:1px; text-decoration:none; background-color:#c60; color:#fff;}
dl.menu dd {float:left; padding:0; margin:0;height:25px;}
dl.menu dd a {position:relative; background:#99ccff; width:149px; color:#000; left:10149px; top:-26px; z-index:60;}
dl.menu dd a:hover,
dl.menu dd a:focus,
dl.menu dd a:active
{margin-right:1px; background:#c60; color:#fff;}
</style>
</head>
</script>
</div>
<div id="info">
<div id="positioner">
<div class="holder p1">
<dl class="menu">
<dt><a href="#url">Home</a></dt>
</dl>
</div>
<div class="holder p2">
<dl class="menu">
<dt><a class="sub" href="#url">Produkte</a></dt>
<dd>
<a href="#url">Anschlagmittel</a>
<a href="#url">Anschlagmittelzubehör</a>
<a href="#url">Drucklufthebezeuge</a>
<a href="#url">Elektrohebezeuge</a>
<a href="#url">Gewichtsausgleicher</a>
<a href="#url">Hanhebezeuge</a>
<a href="#url">Handstapler</a>
<a href="#url">Hubtische</a>
<a href="#url">Hubwagen</a>
<a href="#url">Hydraulik</a>
<a href="#url">Krane</a>
<a href="#url">Kranwaagen</a>
<a href="#url">Ladegabeln</a>
<a href="#url">Ladungssicherung</a>
<a href="#url">Lastaufnahmemittel</a>
<a href="#url">Mechanische Heber</a>
<a href="#url">Personenschutz</a>
<a href="#url">Seilwinden</a>
<a href="#url">Seilzüge</a>
<a href="#url">Transportgeräte</a>
<a href="#url">Zugkraftmessgeräte</a>
</dd>
</dl>
</div>
<div class="holder p3">
<dl class="menu">
<dt><a href="#url">Angebote</a></dt>
</dl>
</div>
<div class="holder p4">
<dl class="menu">
<dt><a href="#url">Suche</a></dt>
</dl>
</div>
<div class="holder p5">
<dl class="menu">
<dt><a href="#url">Beratung</a></dt>
</dl>
</div>
<div class="holder p6">
<dl class="menu">
<dt><a href="#url">Infothek</a></dt>
</dl>
</div>
<div class="holder p7">
<dl class="menu">
<dt><a href="#url">Über uns</a></dt>
</dl>
</div>
<div class="holder p8">
<dl class="menu">
<dt><a href="#url">Impressum</a></dt>
</dl>
</div>
<div class="holder p9">
<dl class="menu">
<dt><a href="#url">Bestellen</a></dt>
</dl>
</div>
<div class="holder p10">
<dl class="menu">
<dt><a href="#url">Warenkorb</a></dt>
</dl>
</div>
</body>
</html>
|
|
|
| |
  |
 |
immerIch
Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht:
|
Verfasst Mi 24.11.2010 10:46
Titel
|
|
|
Hallo und Willkommen.
Bis auf Frage 5 + 6 wäre das ein Fall vom "Allgemeinen Forum", da HTML und CSS..
Aber nun gut.
1) Was genau meinst du mit Orange? in deinem Code wird doch bei hover alles Orange, oder versteh ich das jetzt falsch?
2) Ich nehme mal an, du meinst, wirklich Bündig oben links in der Ecke? Am einfachsten erreichst du es indem du dem body ein margin:0 gibst.
3) Du könntest den Hauptnavigationspunkte noch eine eindeutige id geben und diese im stylesheet über #ID ansprechen
4) siehe Punkt 1 (?)
5) leider keine Ahnung, müsste irgendwie mit PHP laufen...
6) z.b. mit Javascript: window.innerWidth + window.innerHeight
Gruß,
|
|
| |
|
|
|
Anzeige
|
|
|
jimmyhartwig
Threadersteller
Dabei seit: 23.11.2010
Ort: Hanau
Alter: 46
Geschlecht:
|
Verfasst Mi 24.11.2010 10:58
Titel
|
|
|
Danke erstmal für die schnelle Antwort, wo ich in dem Code die Hover Farbe ändere das war mein Anliegen. Könntest du mir bitte sagen, wo und wie ich diese #id im Stylessheet setze.
Zu Punkt 4, hier war mein Wunsch, das die Menüleiste bis unten in diesem Blauton läuft.
Zu Punkt 5, wie müßten hier die Werte oder der Code sein und wo muß ich ihn hinsetzen?
Bin wirklich erst am Anfang, deshalb ist es so schwer das alles nachzuvollziehen, danke für eure Hilfe.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Homepage erstellen erste Fragen!
fragen zu mener seite www.s1-design.de
Gelöschte Seite aus Homepage wir durch andere "ersetzt"
Homepage Creator oder Homepage Baukasten
Blogger Seite an eine HTML Seite anpassen.
[Dreamweaver CS4] Seite innerhalb von Seite verlinken
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
