bei einem Layout Problem

Dieses Thema im Forum "Webentwicklung" wurde erstellt von bastard, 17. Februar 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 17. Februar 2006
    Hi so!
    Also ich habe mit folgendem Layout angefangen:
    http://wub.wu.funpic.de/clan/
    Nun es ist noch lange nicht fertig aber das ist es auch nicht worum es geht sondern eher ist mein problem, dass wie man sehen kann, zumindest bei Firefox, dass das Menu auf der linken Seite nicht richtig angezeigt wird. Die Links sind einfach nur durcheinander.
    Also das Layout läuft über CSS und naja also, das ist was ich derzeit drin habe!

    Code:
    .navbodyb1 { background-color:transparent; padding:4px 6px 4px 8px; text-align:center; position:absolute; top:41px; left:12px; line-height:20px; }
    .navbodyb2 { background-color:transparent; padding:4px 6px 4px 8px; text-align:center; position:relative; top:80px; left:16px; line-height:20px; }
    .navbodyb3 { background-color:transparent; padding:4px 6px 4px 8px; text-align:center; position:relative; top:116px; left:14px; line-height:20px; }
    Wäre auf jeden Fall sehr cool wenn ihr mir helfen könntet.
    so long
     

  2. Anzeige
    Dealz: stark reduzierte Angebote finden.
  3. #2 17. Februar 2006
    Im Quelltext hast du
    Code:
    <link href="BXCP_dateien/bxcp.css" rel="stylesheet" type="text/css">
    
    stehen, aber die Datei
    Code:
    http://wub.wu.funpic.de/clan/BXCP_dateien/bxcp.css
    scheint's nicht zu geben. Hast du da vielleicht 'nen Fehler gemacht? Ansonsten pack mal bitte das Stylesheet und die HTML (und vielleicht relevante Grafiken) in ein Archiv, ich kugg dann morgen mal rein.
     
  4. #3 18. Februar 2006
    Das wird automatisch von BXCP angepasst, also das ist richtig ;)

    wieso...html rechtsklick > view source :) und css joah... hier:

    Code:
    body { background-color:#D1D1D1; margin:15px; text-align:center; }
    img { border:0; }
    td { font-family:Verdana,Helvetica,sans-serif; font-size:10px; color:#363636; vertical-align:top; }
    form { display:inline; }
    a:active, a:focus, a:link, a:visited, a { color:#A100B0; text-decoration:none; font-weight:bold; }
    a:hover { color:#004400; text-decoration:underline; }
    .thead { background-image:url(images/header.gif); width:900px; height:277px; }
    .tbottom { border:1px solid #777777; background: #C2C2C2; }
    .form { margin:2px; border:1px solid #777777; background-color:#D8D8D8; color:#363636; font-family:Verdana,Helvetica,sans-serif; font-size:10px; }
    .fontb { font-size:14px; text-align:left; }
    .fontm { font-size:10px; text-align:left; }
    .left { padding:1px; text-align:left; }
    .center { padding:1px; text-align:center; }
    .right { padding:1px; text-align:right; }
    .forum { background-color:transparent; }
    .headb { color: #F2F2F2; background-image:url(images/mainhead.gif); padding:4px; font-weight:bold; text-align: left; }
    .bottom { background-color:#9B9B9B; padding:4px 6px 4px 8px; text-align:left; }
    .newshead { text-align:left; font-size:14px; font-weight: bold; color: #F2F2F2; padding:4px 6px 4px 8px; background-image:url(images/mainhead.gif); }
    .leftb { background-color:#B2B2B2; padding:4px 6px 4px 8px; text-align:left; }
    .leftc { background-color:#BEBEBE; padding:4px 6px 4px 8px; text-align:left; }
    .centerb { background-color:#B2B2B2; padding:4px; text-align:center; }
    .centerc { background-color:#BEBEBE; padding:4px; text-align:center; }
    .rightb { background-color:#B2B2B2; padding:4px; text-align:right; }
    .rightc { background-color:#BEBEBE; padding:4px; text-align:right; }
    .quote { background-color:#9B9B9B; padding:6px; text-align:left; font-size: 10px; color: #000000; }
    .navhead { color: #F2F2F2; background-color:#77B2B2; padding:4px; font-weight:bold; text-align:center; }
    .navhead2 { color: #F2F2F2; background-image:url(images/mainhead.gif); padding:4px; font-weight:bold; text-align:center; }
    .navbodyb { background-color:transparent; padding:4px 6px 4px 8px; text-align:center; }
    .navbodyc { background-color:#BEBEBE; padding:4px 6px 4px 8px; text-align:left; }
    .navbody2b { background-color:transparent; padding:4px 6px 4px 8px; text-align:left; }
    .navbody2c { background-color:transparent; padding:4px 6px 4px 8px; text-align:left; }
    .event { background-color:#8E8E8E; }
    .today { background-color:#9B9B9B; }
    .navbodyb1 { background-color:transparent; padding:4px 6px 4px 8px; text-align:center; position:absolute; top:41px; left:12px; line-height:20px; }
    .navbodyb2 { background-color:transparent; padding:4px 6px 4px 8px; text-align:center; position:relative; top:80px; left:16px; line-height:20px; }
    .navbodyb3 { background-color:transparent; padding:4px 6px 4px 8px; text-align:center; position:relative; top:116px; left:14px; line-height:20px; }
    .login { position:relative; top:250px; left:55px; }
    so....relevante grafiken gibts nicht wirklich...
     
  5. #4 18. Februar 2006
    Abgesehen davon, dass du CSS anscheinend kein Stück verstanden hast (wenn doch, kannst du mir gerne erklären, wozu die die ganzen & nbsp ; brauchst): mit padding ist die Schrift wunderbar zu verschieben. Wie es im Endeffekt aussehen soll, weiß nicht ich, sondern du.
     

  6. Videos zum Thema
Die Seite wird geladen...
Similar Threads - Layout Problem
  1. Antworten:
    5
    Aufrufe:
    659
  2. Antworten:
    2
    Aufrufe:
    757
  3. Antworten:
    6
    Aufrufe:
    709
  4. Antworten:
    4
    Aufrufe:
    448
  5. Antworten:
    5
    Aufrufe:
    429
  • Annonce

  • Annonce