Du bist nicht angemeldet.

1

Montag, 2. Mai 2011, 20:56

Naigationsleiste nach oben

Hallo,
Es geht um meine Seite.
Da ich die Website zur Zeit Technisch (HTML5) und vom Design gerade umarbeite habe ich gerade das Problem
das ich meine Navigationsliste gerne unter den Bild hätte aber dort platz Frei ist und ich nicht weiß wie ich es schaffe das ich es nach oben rücke.
Auch float:left; hat nicht weiter geholfen :(
Deßhalb bitte ich jetzt hier um Hilfe.
(PS Gleichzeitig soll der Text neben der Navigationsleiste stehen)

Ich hoffe das mir hier geholfen werden kann.

MfG Jan K

2

Montag, 2. Mai 2011, 21:17

Re: Naigationsleiste nach oben

*update*
die Navigationsleiste soll nicht direkt unter dem "Bild" sein sondern direkt unter den 4 Rubriken aber ganz links.
Und unter den rubriken soll der Text dann stehen und ich weiß nicht wie ich dies hinkriege..

Sarkkan

Web-Profi

Beiträge: 1 556

Wohnort: Bei Köln

Beruf: Schüler - Nachhilfelehrer

  • Private Nachricht senden

3

Dienstag, 3. Mai 2011, 08:10

Re: Naigationsleiste nach oben

Ach.. da ist se ja O.o
Hab erst die 4Buttons für die Navigation gehalten..^^

Naja.. du musst die Navi vor die 4Buttons setzten und Links floaten lassen (:
Denn schließlich wollen wir ja, das nachfolgender Text o. Elemente um unsere Navigation fließen :D

PS: Hab übrigens einen "Fehlerhaften Link" gefunden :p
Oben Rechts bei "Fehlerhafter Link gefunden?"
PPS: Ich habe leider nirgends gefunden, dass du mich darüber aufklärst, dass du "Personenbezogene Daten" von mir an Dritte schickst?
Deswegen könnte ich ordentlich Geld von dir fordern :D

4

Dienstag, 3. Mai 2011, 15:38

Re: Naigationsleiste nach oben

Zuerst:
Die meisten Links funktionieren zur Zeit nicht da ich auf der Hauptseite das System CSS in Verbindung mit HTML5 erstmal testen wollte,
bevor ich es auf jeder Seite draufklatsche ( es ist nähmlich sehr nerven aufreibend wenn man ein parr wenige HTML teile ändern will dann auf 30 Seiten ändern will :roll:


Zitat von »"Sarkkan"«


PPS: Ich habe leider nirgends gefunden, dass du mich darüber aufklärst, dass du "Personenbezogene Daten" von mir an Dritte schickst?
Deswegen könnte ich ordentlich Geld von dir fordern :D


Wie meinst du das PPS?
meinst du Google analystics=?
wenn ja muss ich was besonderes ins Impressum schreiben oder wie?

Und jetzt noch mal zu meinen Ursprungsproblem.
Die Navigationsleiste ist jetzt zwar links Oben, ist aber jetzt ganz oben und zu weit links... :(
Es sollte ja so sein das die Überschrift noch extra drüber ist und darunter die Navi leiste und die 4Buttons und unter den 4 Button dann der Text.
Außerdem ist es so das ich obwohl ich Facebook zugewiesen habe das es links sein soll auf einmal neben der Navigationsleiste ist :?

PS:
Danke für die schnelle Antwort :)

starhunter

hat Ahnung

Beiträge: 197

Wohnort: Buckinghamshire, England

  • Private Nachricht senden

5

Dienstag, 3. Mai 2011, 18:02

Re: Naigationsleiste nach oben

Schau mal hier über Google Analytics:
http://www.akademie.de/programmierung-ad…-abmahnung.html
http://www.golem.de/1101/80990.html
Hier ist ein Forum über Internetrecht: http://www.e-recht24.de/forum/

MfG

6

Dienstag, 3. Mai 2011, 18:35

Re: Naigationsleiste nach oben

hmh...
und wo gibt es eine Beschreibung was man genau reinschreiben muss?
keine Lust auf so hohe mahnkosten -_-

7

Dienstag, 3. Mai 2011, 19:04

Re: Naigationsleiste nach oben

*schon wieder Upade *

Also:
habe jetzt ein Impressum mit Facebook Diaclamer und Google Diaclamer auf erecht geholt.
Ist das ok?
Desweitern:
mein oben erwähntes problem -_-

Sarkkan

Web-Profi

Beiträge: 1 556

Wohnort: Bei Köln

Beruf: Schüler - Nachhilfelehrer

  • Private Nachricht senden

8

Dienstag, 3. Mai 2011, 19:55

Re: Naigationsleiste nach oben

Das kommt daher, dass du deinen <a>-Tag nicht geschlossen hast :P
Pack außerdem am besten den Header in ein Div.

PS: Strukturier doch deinen Code mal, dann sieht man nicht geschlossene Tags fix :wink: (Hab übrigens 2 Kommentare gesetzt, wo etwas fehlt)

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE HTML>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title> Gratis Produktproben, Gewinnspiele und mehr.. nutzen und Gutes tun!</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="Gratis Produktproben testen, Gewinnspiele mitmachen und mehr und dafür wird auch noch gutes getan? Gehen Sie auf die Website um mehr zu erfahren!" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

    <meta name="author" content="Jan K" />
    <meta name="copyright" content="Jan K" />
    <meta http-equiv="content-language" content="de" />
    <meta name="robots" content="INDEX, FOLLOW" />
    <meta name="revisit-after" content="2 days" />
    <link href="style.css" type="text/css" rel="stylesheet" />
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-21755222-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>

</head>

<body>      

<div>
    <a href="http://www.alles-gratis.info/">    
        <img src="logo/logo3.png" alt="Logo von: alles-GRATIS.info" width="800" height="150" /> 
    <!-- NA?? WAS FEHLT HIER?? -->

    <div id="hinweis"> 
        <a href="fehlerformular.html">Fehlerhaften Link gefunden?</a> <br />  
    </div>   
</div>
 
<ul id="Navigation">           
    <li> <a href="garantiertgratis.html">Garantiert Gratis</a>  </li>   
    <li> <a href="reduziert.html">Stark reduziert</a>  </li>

    <li> <a href="freesms.html">FREE SMS</a>   </li> 
    <li> <a href="kleinanzeigen.html">Kleinanzeigen</a>   </li>   
    <li> <a href="nurversand.html">Nur Versandkosten</a>  </li>   
    <li> <a href="abisz.html">Gratis von A bis Z</a>  </li>   
    <li> <a href="gaestebuch.html">G&auml;stebuch</a> </li>

    <li> <a href="newsletter.html">Newsletter</a>   </li>  
</ul>        
  
<div align="center">
    <a href="index.html">
        <img src="logo/gratisangebote.png" alt="jetzt HTML lernen" />
    </a>

    <a href="gewinnspiele.html">
        <img src="logo/gewinnspiel.png" alt="Logo von: alles-GRATIS.info"/>
    </a>

    <a href="preisvergleich.html">
        <img src="logo/preisvergleiche.png" alt="Logo von: alles-GRATIS.info"/>
    </a>

    <a href="50prozent.html">
        <img src="logo/50prozent.png" alt="Logo von: alles-GRATIS.info" />
    <!-- UND WAS FEHLT HIER WIEDERMAL??? -->
</div>

<div id="linkeseite">

    <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/alles-GRATISinfo/130257767047401" width="210" show_faces="true" stream="false" header="true"></fb:like-box> <br />
    <a id="1303118910" href="http://www.counter.de/">Webstatistik</a><script type="text/javascript" language="JavaScript" src="http://www.counter-go.de/counter_js.php?account=1303118910"></script><noscript><a href="http://www.counter-go.de/" target="_blank"><img border=0 src="http://www.counter-go.de/counter.php?account=1303118910"/></a></noscript> 

</div> 
    <h1>Willkommen!</h1>
    <p>Diese Website wird gerade &uuml;berarbeitet,
       kommen Sie doch einfach sp&auml;ter vorbei ;)</p>

     <!-- AddThis Button BEGIN -->
<div style="width:256px; height:32px;  margin: 0 auto; text-align:center;">
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>

<a class="addthis_button_misterwong"></a>
<a class="addthis_button_delicious"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4d793a8b2351e044"></script>
</div>

<!-- AddThis Button END -->  
<div id="food">
    <a href="impressum.html">Impressum</a>
    <a href="partnerformular.html">Parnter werden</a>
</div>

</body>
</html>

PPS: Wer hat dir eigentlich diesen Dreckigen Schreibstyle von vorher beigebracht? -.-
Das ja abartig.. <.<

9

Dienstag, 3. Mai 2011, 20:47

Re: Naigationsleiste nach oben

Definiere dreckiger Schreibstyle^^
so leichte fehler... echt ärgerlich...

Sarkkan

Web-Profi

Beiträge: 1 556

Wohnort: Bei Köln

Beruf: Schüler - Nachhilfelehrer

  • Private Nachricht senden

10

Mittwoch, 4. Mai 2011, 01:09

Re: Naigationsleiste nach oben

das z.B. die Attribute in ne eigene Zeile kommen.. du die Sachen ent anständig einrückst.. und so weiter... :/
Wie gesagt, wenn es ordentlich ist erkennt man es sehr fix :P

11

Mittwoch, 4. Mai 2011, 15:44

Re: Naigationsleiste nach oben

sieht gleich viel besser aus :)
So jetzt hab ich nur noch zwei Probleme:
Problem 1 :
Mein Facebook kasten ist nicht unter der Navi leiste
(trotz float:left; )

2. Problem:
Die Booksmarks sollten am unteren Ende sein.
(genauso die links Impressum und Partner werden.)
gibt es dafür ein Befehl das man es am unteren Ende der Seite macht??



LG Jan

PS: Danke dass ihr mir helft ;)

Sarkkan

Web-Profi

Beiträge: 1 556

Wohnort: Bei Köln

Beruf: Schüler - Nachhilfelehrer

  • Private Nachricht senden

12

Mittwoch, 4. Mai 2011, 18:27

Re: Naigationsleiste nach oben

1.1 Hast du eigentlich überhaupt eine Ahnung von HTML und CSS, sowie dem DOM? :P
1.2 Wenn du es unter der Navigation haben willst.. und so so gesehen ja das selbe vorhast wie mit der Navigation.. dann setzt den Kasten doch direkt unter die Navigation? :P

2.1 In CSS arbeiten wir nicht/selten mit Befehlen, sondern mit Eigenschaften.
Ein Befehl/Funktion in CSS wäre z.B. url(../pfad/zum.bild);
2.2 Lege um den Inhalt (<h1> + <p>) ein div, und gib ihm eine id (z.B. content). Nun gibst du #content ein min-height von sagen wir 600px.
2.3 Ebenfalls empfiehlt es sich den footer clearen zu lassen (clear: left; sollte ausreichen).

13

Donnerstag, 5. Mai 2011, 18:21

Re: Naigationsleiste nach oben

Mit HTML, CSS hatte ich mich hauptsächlich im Winter (Oktober -Januar) auseinander gesetzt gehabt.
Daher hatte ich mehr vergessen als gedacht (werde mit HTML seminar das Wissen in den nächsten Tagen und wochen was css angeht auf jedenfall nochmal aufbessern.
Tut mir leid,wenn ich so dumme Fragen gestellt hatte :oops:
Habe die Anweisung genau befolg.
ist jetzt auch fast perfekt (außer mein Facebook kasten der immer noch neben der Navi ist.)
aber das werde ich jetzt in nen parr wochen nochmal versuchen (werde jetzt erstmal alles nochmal durchgehen was css betrifft :roll:

Aber vielen Dank für das Lösen der anderen Probleme!