tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
8
ZUGRIFFE
957
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 27.10.05 13:24 #1
    Avatar von Gudy
    Gudy Gudy ist offline Mitglied Brokat
    Registriert seit
    Jul 2002
    Ort
    Bielefeld
    Beiträge
    425
    hi, ich binr echt neu im umgang mit CSS udn habe das Menu nur durch testen und hinbekommen, komm nun aber an einer stelle nicht weiter.

    Ich habe mein Problem mal in eienr testdatei angehängt.
    In der Tabelle sind meien Links, die im FF linkspündig per padding-left ausgerichtet werden, im IE aber rutschen SIe nach rechts, wie kann ich das angleichen? Also der soll zustand ist der im FF....

    Danke
    Angehängte Dateien Angehängte Dateien
     
    ----------------------------------------
    Sag Freund was ist Theorie?
    "Wenns klappen soll und klappt doch nie.
    Doch Praxis ist, das frag nicht dumm,
    wenns klappt und keiner weiss warum."
    -----------------------------------------
  2. 27.10.05 13:53 #2
    Avatar von AKrebs70
    AKrebs70 AKrebs70 ist offline Mitglied Platin
    Registriert seit
    Feb 2005
    Ort
    Duisburg (NRW)
    Beiträge
    544
    Hallo!
    Mit padding richtet man aber keinen Text aus. Mit padding gigst du den Innenabstand an.
    Text richtes du mit "text-align: left;" aus.
    Zum weiteren hast du in deinem Html-Quelltext stehen:
    Code :
    1

     <ul id="navlist">
    navlist sehe ich nirgenns Deffiniert.

    Axel
     
  3. 27.10.05 14:00 #3
    Avatar von Gudy
    Gudy Gudy ist offline Mitglied Brokat
    Registriert seit
    Jul 2002
    Ort
    Bielefeld
    Beiträge
    425
    Hi,
    wie gesagt habe es nur dur testen soweit bekommen und wenn ich
    Code :
    1

     <ul id="navlist">
    rausnehme geht es ja nicht mehr....

    auf
    http://www.css4you.de/padding-left.html steht das man das auf alle Elemente anwenden kann, sollte doch also auch bei text gehen....
     
    ----------------------------------------
    Sag Freund was ist Theorie?
    "Wenns klappen soll und klappt doch nie.
    Doch Praxis ist, das frag nicht dumm,
    wenns klappt und keiner weiss warum."
    -----------------------------------------
  4. 27.10.05 14:03 #4
    Avatar von pflo
    pflo pflo ist offline Mitglied Brokat
    Registriert seit
    Nov 2003
    Ort
    Berlin
    Beiträge
    277
    Zitat Zitat von Gudy
    Hi,
    wie gesagt habe es nur dur testen soweit bekommen und wenn ich
    Code :
    1

     <ul id="navlist">
    rausnehme geht es ja nicht mehr....
    bei mir schon...
    Zitat Zitat von Gudy
    auf
    http://www.css4you.de/padding-left.html steht das man das auf alle Elemente anwenden kann, sollte doch also auch bei text gehen....
    Naja, padding-left besagt nur, dass der Abstand, wenn er größer als 0 ist, auf 0 zurückgesetzt wird.
    Hierbei ist der Abstand aber bereits 0, das liegt an der Aufzählungsliste, die du da implementiert hast.
    Macht man statt dieser einfach nur <br />s hin, fuktioniert es sogar ohne padding-left..!
     
  5. 27.10.05 14:12 #5
    Avatar von Gudy
    Gudy Gudy ist offline Mitglied Brokat
    Registriert seit
    Jul 2002
    Ort
    Bielefeld
    Beiträge
    425
    Hi,
    okay ich hatte das <ul> immer ganz gelöscht wenn ich nur den Namen rausnehme geht es, so wit so gut, aber Problem ist noch immer da, wenn ich die <li> dur <br> tausche und die </li> ganz lösche geht es nicht mehr


    <td bgcolor="#FF0000">
    <div id="navcontainer">
    <ul>
    <li><a href="#">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    <li><a href="#">Item four</a></li>
    <li><a href="#">Item five</a></li>
    </ul>
    </div>
     
    ----------------------------------------
    Sag Freund was ist Theorie?
    "Wenns klappen soll und klappt doch nie.
    Doch Praxis ist, das frag nicht dumm,
    wenns klappt und keiner weiss warum."
    -----------------------------------------
  6. 27.10.05 14:12 #6
    Avatar von AKrebs70
    AKrebs70 AKrebs70 ist offline Mitglied Platin
    Registriert seit
    Feb 2005
    Ort
    Duisburg (NRW)
    Beiträge
    544
    Zum Thema Listennavigation habe ich da auch noch ein Link für dich:

    http://standards.webmasterpro.de/ind...igationen.html

    Hilft besimmt .

    Gruß
    Axel
     
  7. 27.10.05 17:15 #7
    Maik Tutorials.de Gastzugang
    Entweder beschäftigst du dich ernsthaft mit dem Grundgerüst einer HTML-Datei, oder du achtest beim nächsten Upload auf einen vollständigen HTML-Quelltext

    Zitat Zitat von test.html

    HTML-Code:
    <link rel="stylesheet" href="css/main.css" type="text/css">
<body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#FF0000">
      <div id="navcontainer">
<ul id="navlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</td>
  </tr>
  <tr>
    <td>:(</td>
  </tr>
  <tr>
    <td class="abc">&nbsp;</td>
  </tr>
  <tr>
    <td class="XYZ">&nbsp;</td>
  </tr>
</table>
    Vollständiger HTML-Quelltext:
    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>test</title>

<link rel="stylesheet" href="css/main.css" type="text/css">
<style type="text/css">
<!--
body
{
margin: 0;
padding: 0;
background: #cccccc;
}

table
{
width: 300px;
border: 0;
}

td
{
background: #ff0000;
}
-->
</style>

<body>

<table cellspacing="0" cellpadding="0">
  <tr>
    <td>
      <div id="navcontainer">
<ul id="navlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</td>
  </tr>
  <tr>
    <td>:(</td>
  </tr>
  <tr>
    <td class="abc">&nbsp;</td>
  </tr>
  <tr>
    <td class="XYZ">&nbsp;</td>
  </tr>
</table>

</body>
</html>
    Welchen Sinn die Tabelle macht bzw. welche Aufgabe sie übernimmt, entzieht sich meiner Kenntnis. Für mich ist sie einfach nur überflüssig und stellt einen Fremdkörper dar; aber vermutlich ist sie nur ein Auszug aus einem tabellenorientierten Seitenlayout

    Die von dir geschilderte Diskrepanz zwischen FireFox und IE kann ich nicht entdecken. FireFox rückt die Liste nur weiter nach unten, was an der fehlenden margin -Angabe (= Aussenabstand) liegt.

    So wird die Liste in allen von mir getesteten Browsers oben links ausgerichtet:

    Code :
    1
2
3
4
5
6

    div#navcontainer ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
    • Browsercheck: FF 1.0.7, IE 6.0, MOZ 1.6, NN 7.0, OP 8.50
     
  8. 28.10.05 07:58 #8
    Avatar von Gudy
    Gudy Gudy ist offline Mitglied Brokat
    Registriert seit
    Jul 2002
    Ort
    Bielefeld
    Beiträge
    425
    Hi,
    genau der Befehl hat mir noch gefehlt... =)

    Ich dachte mir dass, das Stück Quelltext reichen würde, denn wenn ich ja weiss wo der Fehler ist, müss tihr euch ja nicht durch den ganzen rest quälen
    Und da ich die Datei zum testen extra neu erstellt habe, konnte ich so Zeit sparen

    aber jetzt geht es vielen Danke
     
    ----------------------------------------
    Sag Freund was ist Theorie?
    "Wenns klappen soll und klappt doch nie.
    Doch Praxis ist, das frag nicht dumm,
    wenns klappt und keiner weiss warum."
    -----------------------------------------
  9. 28.10.05 08:02 #9
    Maik Tutorials.de Gastzugang
    Zitat Zitat von Gudy

    aber jetzt geht es vielen Danke
    Dann markiere das Thema bitte durch einen Klick auf den 'Status-Button' rechts unterhalb des letzten Beitrags als 'Erledigt'.

    Vielen Dank
     
« CSS Ausrichtung + Text + bottom | Div positionierung »

Ähnliche Themen

  1. padding-right funktioniert nicht
    Von Pixel-Design im Forum CSS
    Antworten: 13
    Letzter Beitrag: 27.08.10, 02:49
  2. DELETE FROM t2 LEFT JOIN t1 ... simpel, aber will nicht
    Von Quests Sohn im Forum Relationale Datenbanksysteme
    Antworten: 1
    Letzter Beitrag: 03.07.10, 18:12
  3. Problem: padding-left/right funktioniert nur im IE?
    Von Eminem im Forum CSS
    Antworten: 4
    Letzter Beitrag: 14.04.05, 20:10
  4. padding-top und padding-bottom Problem
    Von kalfany im Forum CSS
    Antworten: 4
    Letzter Beitrag: 12.03.05, 13:35
  5. Padding-top, Padding-left
    Von Fanatico im Forum CSS
    Antworten: 7
    Letzter Beitrag: 21.06.04, 16:52