Webdesign in Siegen

Projekt: Tutorial Website - Fragen und Antworten

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

Re: Projekt: Tutorial Website - Fragen und Antworten

Beitragvon x3Ro am 14.04.2008, 19:35

Neopha hat geschrieben:Also ich habe gehört, es soll ganz sinnvoll sein
immer am Anfang der Main-CSS Datei zu schreiben

Code: Alles auswählen
* {
margin: 0;
padding: 0;
}


um eben browserseitige Abstände zu entfernen.


Hab den Body-Margin auf 0px gesetzt. Das klappt soweit. Danke!

Manuel, du hast natürlich auch recht ;) Aber im Grunde ist es eingentlich eine sinnige Grundeinstellung.

Next one:

Die Meta-Tags für die Google-Spiders, müssen die in der jeder Seite sein, oder reicht die Index? Was kann ich außerdem noch so gutes machen, damit meine Seite (kostenlos) relativ weit vorne steht?
(Verlinkt werden ist klar, genauso bei Google anmelden) Ich meine eher so die "Insider-Tipps" ;)
x3Ro
Mitglied
 
Beiträge: 29
Registriert: 13.03.2008, 23:44

Re: Projekt: Tutorial Website - Fragen und Antworten

Beitragvon Eyecatcher am 14.04.2008, 19:50

x3Ro hat geschrieben:Die Meta-Tags für die Google-Spiders, müssen die in der jeder Seite sein, oder reicht die Index? Was kann ich außerdem noch so gutes machen, damit meine Seite (kostenlos) relativ weit vorne steht?

Die Meta Tags sollten im Head Teil einer jeden Seite sein. Wenn der Head nur in deiner Index (wg dynamischem Content) vorkommt, so reicht es dort auch.
(Verlinkt werden ist klar, genauso bei Google anmelden) Ich meine eher so die "Insider-Tipps" ;)

Guten und viel Inhalt bringen! Mittlerweile fast sowas wie ein Geheimtipp :D :D
Denn so machste dir auch Freunde, diese verlinken deine Seite, Google findet die Links und meint es Gut mit dir ;)

Hm, und ansonsten einfach so alles 08/15 mäßige abklappern:
- Überschriften Tags für Keywords verwenden
- möglichst passende Keywords wählen
- Keywords im Text viel vorkommen lassen
- Seitentitel mit Keywords
- Links mit Keywords
- vieles mehr
Aber ich denke die Sachen kann man alle leicht nachlesen
Demnächst: php-studio.com
Benutzeravatar
Eyecatcher
Mitglied
 
Beiträge: 249
Registriert: 01.03.2008, 21:56
Wohnort: Espelkamp

Re: Projekt: Tutorial Website - Fragen und Antworten

Beitragvon x3Ro am 14.04.2008, 20:03

Eyecatcher hat geschrieben:- Überschriften Tags für Keywords verwenden


Ich habe gelesen, dass Google die h1-Tags mittlerweile als nicht mehr so wichtig einstuft. Stimmt das?
Ich habe zur Zeit meine ersten Überschriften in h2.

Und wie schaut das mit strong aus? Sieht google <strong> als wichtiger an, als h1-h6? Beide sind ja da um wichtige Informationen hervorzuheben.


Offtopic:
Schicke Seite Eyecatcher, aber der Überschrift "Trendsetter" hat sich glaube ich ein Fehler in den Text eingeschlichen:
eyecatch-designs.de hat geschrieben:
Außerdem reduzieren moderne Programmiertechniken die Ladezeiten, die Übersichtlichkeit und den Pflegeaufwand Ihrer Webseite erheblich.

Es wird die Übersichtlichkeit reduziert? Ich glaube das ist etwas unglücklich formuliert ;)
Vielleicht habe ich da aber auch was falsch verstanden
[Klugscheißer Mode=off]
Zuletzt geändert von x3Ro am 15.04.2008, 20:30, insgesamt 1-mal geändert.
x3Ro
Mitglied
 
Beiträge: 29
Registriert: 13.03.2008, 23:44

Re: Projekt: Tutorial Website - Fragen und Antworten

Beitragvon x3Ro am 15.04.2008, 20:20

Moin

wie kann ich den Texteinzug vor einem P-Element in CSS definieren?
Sobald ich ein Text mit <p> formatiere, dann hat er gleich

erstmal eine Leerzeile vor dem Text.

Line-height geht nicht. Margin meines Erachtens auch nicht.


(Den Doppelpost habe ich nur gemacht, damit man merkt, dass hier eine neue Frage ist ;) )
x3Ro
Mitglied
 
Beiträge: 29
Registriert: 13.03.2008, 23:44

Re: Projekt: Tutorial Website - Fragen und Antworten

Beitragvon Ingo am 15.04.2008, 20:34

Hi.

Hm, interessant. Der FireFox zum Beispiel definiert im default-CSS die p-Elemente wie folgt:
Code: Alles auswählen
/*  Aus dem default-CSS des FireFox (html.css): */

p, dl, multicol {
  display: block;
  margin: 1em 0;
}

Also sollte ein margin:0px; reichen, um den lästigen Abstand los zu werden.

Gruß, Ingo :)
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 436
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW

Re: Projekt: Tutorial Website - Fragen und Antworten

Beitragvon x3Ro am 17.04.2008, 18:32

Danke klappt!


So, nächstes Problem:

Wie kann ich den Zeilenumbruch nach einem <li> umgehen? (bei folgender Struktur)
Code: Alles auswählen
<div id="menu">
     <ul>
        <li><a href="/tutorials/" title="Tutorials">tutorials</a>
                <ul>
                      <li><a href="/tutorials/photoshop/" title="Photoshop Tutorials" class="photoshop">Photoshop</a></li>
                      <li><a href="/tutorials/illustrator/" title="Illustrator Tutorials" class="illustrator">Illustrator</a></li>
                 </ul>
              </li>
            </ul>
</div>


Ich baue mir gerade ein Dropdown Menu mit CSS. Allerdings sind die Listen-Elemente vertikal sortiert. Ich möchte sie horizontal haben. Illustrator soll also rechts neben Photoshop stehen.

Mit Float: left; und display:inline; klappts irgendwie nicht :S


Gelöst
x3Ro
Mitglied
 
Beiträge: 29
Registriert: 13.03.2008, 23:44

Re: Projekt: Tutorial Website - Fragen und Antworten

Beitragvon x3Ro am 20.04.2008, 19:07

Mein Server sendet die Codierung iso-8895-1, die wird von Validome und eigentlich allen Validierern nicht erkannt.

Wie kann ich die ändern? Bzw. Wo kann ich die ändern? Ich möchte utf-8 nutzen.
x3Ro
Mitglied
 
Beiträge: 29
Registriert: 13.03.2008, 23:44

Re: Projekt: Tutorial Website - Fragen und Antworten

Beitragvon Ingo am 20.04.2008, 21:49

Hi.

Hm, ich hab's gerade mit nem Sniffer ausprobiert: der Server sendet die HTML tatsächlich
mit HTTP-Header ... ISO-8895-1 (Anhang). Offenbar ein Schreibfehler in der Serverkonfig
(ein Apache 2.2.3), ISO-8895-1 gibt's nicht, wohl aber ISO-8859-1.

Als ersten Hinweis hab ich etwas gefunden zu "AddDefaultCharset", was man z.B. in der
htaccess hinzufügen kann. - Hab aber keine Erfahrung damit, also: Wer hat noch eine Idee?

Gruß, Ingo :)
Dateianhänge
header_sniffer2.png
header_sniffer2.png (5.27 KiB) 26-mal betrachtet
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 436
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW

Vorherige

Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast