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. 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
     
  3. 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. 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. 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. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.