Antworten auf deine Fragen:
Neues Thema erstellen

Navigation... Sidebar?

S

Stabe

Guest

Hallo ihr Lieben! :)

Ich brauch unbedingt Hilfe bei meinem Layout.
Ich bin gerade fleißig am basteln des HTML Codes
Leider bin ich etwas hängen geblieben :(
Ich habe mich ihr schon etwas umgesehen und die Suchfunktion verwendet. Leider hab ich nicht die passende Antwort gefunden oder ich hab einfach nur falsch gesucht.

Und zwar hab ich folgendes Problem

Ich möchte gern so eine Navigation-Sidebar erstellen:



Leider verschiebt sich meine "Sidebar" immer um einige Pixel
Es wirkt sehr unschöön :(
 

simonpicos

Mod | Forum

AW: Navigation... Sidebar?

Ohne Code, oder am besten schon beim (free-)hoster hochgeladene seite kann man da wenig sagen... die hexen haben heute leider alle meine glaskugeln geklaut ;)
 

Lupina

Szene Hannoi - Wangata

AW: Navigation... Sidebar?

schick mal den Code, hast du vllt falsche Pixelangaben gemacht oder nicht richtig positioniert? z.B. mit absolute oder relative;
 
S

Stabe

Guest

AW: Navigation... Sidebar?

Das ist der momentane Code.

<div
style="position: absolute; width: 290px; height: 2130px; top: 708px; left: 5px;"><img
alt="" src="sidebar/stanart/slideoben.png"
style="margin-top: 5px; width: 291px; height: 99px;">
<table style="width: 287px; left: 5px;" border="0"
cellspacing="0">
<tbody>
<tr>
<td background="sidebar/stanart/menue.png">
<div style="padding-left: 23px; padding-right: 23px;"
align="left">
<center>+<br>
<br>
<br>
<br>
</center>
</div>
</td>
</tr>
<img alt="" src="sidebar/stanart/slideunten.png"
style="margin-top: 5px; height: 99px; width: 291px;">
</tbody>
</table>
&nbsp;<br>
<br>
</div>
 

S60FX

Nicht mehr ganz neu hier

AW: Navigation... Sidebar?

Welche Sidebar meinst Du denn genau? Da wo steht Navigation, Umfrage etc.? Hast Du ein Foto wo es sich verschiebt? oder eine Live Preview deiner Webseite?
 
D

dirtdiver2010

Guest

AW: Navigation... Sidebar?

Nichts für ungut aber ich denke Frau Conner hat das ein wenig arg kompliziert gemacht mit der Verschachtelung.

Schau mal hier vielleicht hilft dir das weiter, hier gibt es einen ganzen Haufen an Menüs:
 

Myhar

Hat es drauf

AW: Navigation... Sidebar?

Ist das der Code von der miss-conner Seite? Dann übernimm bitte nichts von dem Code und halte dich lieber an sauberes, semantisch korrektes HTML. Und vermeide, vor allem als Anfänger, die absolute Positionierung. Die ist in den meisten Fällen, wo sie eingesetzt wird, nicht notwendig.
L. G.
 
D

dirtdiver2010

Guest

AW: Navigation... Sidebar?

Ob das der Code von der Conner-Seite ist habe ich nicht geschaut, ich habe mir nur den Code auf der Conner-Seite selber angeschaut und der ist extremst verschachtelt... meines Erachtens viel zu extrem. Ich bin aber mal davon ausgegangen das der als Vorlage genommen wurde?

Wäre es aber nicht einfacher das mit 3 divs zu machen, ist zwar nicht so schön aber mit den Bildern das einfachste. Zudem erstellst du das einmal in CSS und kannst es immer wieder nehmen egal wieviele Menüs du am Ende verwendest oder haben magst.
 
Zuletzt bearbeitet von einem Moderator:

psdfan97

Noch nicht viel geschrieben

AW: Navigation... Sidebar?

ich kann empfehlen, zur besseren orientierungen Kommentare (<!-- Text -->) einzufügen.
das machts echt einfacher
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.481
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben