HTML Neuling sucht Rat/Hilfe


  • xxHOMiExx
  • 1190 Aufrufe 12 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • HTML Neuling sucht Rat/Hilfe

    hallo zusammen .

    und zwar versuch ich schon tagelang verzweifelt auf meinem blog 2boxen nebeneinander statt untereinander zu bekommen , jedoch ohne erfolg.
    so sieht es im moment aus:


    und so sollte es eigentlich sein wie ich es mir vorstelle:


    so sieht im moment der code aus:

    Quellcode

    1. <span style="float: left;<center"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989b9a06bff443/4750b5f2314b6e1b/1653fc70/chart/Hot+Rap+Tracks/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></span></script></span>
    2. <span style="float: right;<center"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989931918170ed/4750b5f2314b6e1b/dbf20721/chart/Hot+HipHop+Songs/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></span></script></span>


    seite lautet:
    //Werbung entfernt

    wäre super wenn mir vielleicht jemand helfen kann ,
    habe leider kaum ahnung von html codes und weiss einfach nicht mehr weiter :confused:

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von xxHOMiExx () aus folgendem Grund: Werbung entfernt, dafür gibt es die Kritikstelle

  • Hi,

    Quellcode

    1. <span style="float: left;<center"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989b9a06bff443/4750b5f2314b6e1b/1653fc70/chart/Hot+Rap+Tracks/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></span></script></span>
    2. <span style="float: right;<center"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989931918170ed/4750b5f2314b6e1b/dbf20721/chart/Hot+HipHop+Songs/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></span></script></span>

    Ist ganz schön Müll. Wird vielleicht von den großen Browsern erkannt, aber auch nur, weil die alle Möglichkeiten, was man als HTML-Code eingeben könnte, abprüfen.
    Nimm lieber den hier:

    Quellcode

    1. <div style="float:left"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989b9a06bff443/4750b5f2314b6e1b/1653fc70/chart/Hot+Rap+Tracks/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></script></div>
    2. <div style="float:right"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989931918170ed/4750b5f2314b6e1b/dbf20721/chart/Hot+HipHop+Songs/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></script></div>


    Sonst, hat ja Corema schon alles gesagt. Boxen zu groß => werden untereinander dargestellt.
    Du kannst aber das nächst höhere Element mit

    Quellcode

    1. style="min-width:/*So viel, dass beide Boxen reinpassen*/px"
    bestücken, dann passen dann auch wieder die Boxen hin.

    Gruß
    Broken Sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.
  • ingimaus schrieb:

    Hallo,

    erstelle eine Tabelle mit 2 ...ggf. 3 Spalten...definiere die optimale Breite und passe deine Boxen in der Größe an. Mit Frontpage ist das eigentlich gut zu erstellen.

    IW
    also ich bin mir da nicht mehr ganz so sicher, aber ich bin der meinung, dass mir während meines praktikums bei einer werbeagentur gesagt wurde, dass table nicht mehr verwendet werden soll, laut einer vorgabe, dessen namen ich nicht mehr weiß. daher ist div schon in ordnung.
    div's sind zudem viel flexiebler als tabellen
    des weiteren ist generell von frontpage abzuraten (auch allg. von WYSIWYG-editoren), da diese häuftg nur müll als quelltext liefern. aber benutzten kann man es wenn man nun absolut keine ahnung hat. dann sind WYSIWYG-editoren "gut"
  • danke ersma für eure antworten und eure hilfe.

    habe nun versucht wie broken sword beschrieben hat mit folgendem code:

    Quellcode

    1. style="min-width:/*So viel, dass beide Boxen reinpassen*/px"
    das problem zu lösen. leider ist alles beim alten , die boxen lassen sich zum verrecken nicht nebeneinander kriegen!? und wie gesagt , hab leider sogut wie keine ahnung von html :confused:
  • Wo bzw. wie hast du es denn eingesetzt? (poste mal Code-Schnipsel)
    Wenn es dir egal ist, dass die Boxen über irgendein Rand stoßen, kannst du auch gleich

    Quellcode

    1. <div style="width:/*So viel, dass beide Boxen reinpassen*/px">
    2. <div style="float:left"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989b9a06bff443/4750b5f2314b6e1b/1653fc70/chart/Hot+Rap+Tracks/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></script></div>
    3. <div style="float:right"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989931918170ed/4750b5f2314b6e1b/dbf20721/chart/Hot+HipHop+Songs/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></script></div>
    4. </div>

    schreiben.

    Gruß
    Broken Sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.
  • der code sieht folgendermaßen aus :

    Quellcode

    1. <center style="float:" left;[B]style="min-width:/*2000*/px"[/B]><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989b9a06bff443/4750b5f2314b6e1b/1653fc70/chart/Hot+Rap+Tracks/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></span></script></center><span style="float: right;<center"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989931918170ed/4750b5f2314b6e1b/dbf20721/chart/Hot+HipHop+Songs/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></span></script></span>


    und der neue bringt leider auch keine änderung mit sich.
    und ja , die boxen können rühig auf dem sidebar bereich überlappen , solang sie beide zentriert drauf liegen und die sidebar dabei nicht stören.
  • Hi,
    du solltest dir mal die Grundregeln von HTML zu Gemüte führen...
    Dein Code strotzt wieder vor Fehlern...

    Quellcode

    1. [COLOR='#ff0000']<center[/COLOR] style="float:[COLOR='#ff0000']"[/COLOR] left;[COLOR='#ff0000']style=[/COLOR]"min-width:[COLOR='#ff0000']/*2000*/[/COLOR]px"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989b9a06bff443/4750b5f2314b6e1b/1653fc70/chart/Hot+Rap+Tracks/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript">[COLOR='Red']</span>[/COLOR]</script></center><span style="float: right;[COLOR='#ff0000']<center">[/COLOR]<script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989931918170ed/4750b5f2314b6e1b/dbf20721/chart/Hot+HipHop+Songs/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript">[COLOR='Red']</span>[/COLOR]</script></span>

    Zum Beispiel findest du hier ein kleines HowTo
    HTML-Grundlagen - HTML lernen - HTML Kurs / Seminar

    Am wichtigsten ist, dass die Syntax so ungefähr aussieht:

    Quellcode

    1. <[B]befehl1[/B] [U]atribut1[/U]="[I]wert[/I]" [U]atribut2[/U]="[I]wert[/I]"><[B]befehl2[/B] [U]atribut1[/U]="[I]wert[/I]" [U]atribut2[/U]="[I]wert[/I]">Text</[B]befehl2[/B]></[B]befehl1[/B]>

    Sprich HTML-Tags müssen in der Reihenfolge geschlossen werden, in der sie geöffnet wurden. Außerdem stehen Werte in Anführungsstriche (oder Hochkommerta).

    Außerdem verstehe ich nicht, warum du von meinen Beispielcode abweichst und wieder den center/span-Quatsch versuchst.
    Style vergibt CSS-Angaben an ein Element, welche du mit einen Semikolon trennst. Sprich, du brauchst nur einmal style (Ich glaube, dass weitere sogar vom Browser ignoriert werden)
    In CSS sind /*TEXT*/ Kommentare. Ich wollte halt eingrenzen, was du editieren musst, sprich bei deinem Wert muss "/*" und "*/" raus ;)

    Beispiel:

    Quellcode

    1. <div style="width:2000px">
    2. <div style="float:left"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989b9a06bff443/4750b5f2314b6e1b/1653fc70/chart/Hot+Rap+Tracks/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></script></div>
    3. <div style="float:right"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989931918170ed/4750b5f2314b6e1b/dbf20721/chart/Hot+HipHop+Songs/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></script></div>
    4. </div>


    Gruß
    Broken Sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.
  • Broken Sword schrieb:



    Außerdem verstehe ich nicht, warum du von meinen Beispielcode abweichst und wieder den center/span-Quatsch versuchst.
    Style vergibt CSS-Angaben an ein Element, welche du mit einen Semikolon trennst. Sprich, du brauchst nur einmal style (Ich glaube, dass weitere sogar vom Browser ignoriert werden)
    In CSS sind /*TEXT*/ Kommentare. Ich wollte halt eingrenzen, was du editieren musst, sprich bei deinem Wert muss "/*" und "*/" raus ;)

    Gruß
    Broken Sword


    das problem ist , sobald ich den code einfüge und speicher,
    wird er automatisch so umgewandelt wie der code den ich im vorigen post geschickt habe.

    und das mit dem "/*" und "*/" werd ich ma versuchen die rauszunehmen , deswegen hat sich wahrscheinlich auch nichts geändert. ich sag ja , ich hab absolut keine ahnug von html. alles was dort im blog mit html gemacht werden musste hab ich mir mühsam ergooglet.

    sorry für doppelpost.

    ich habs geschafft :)
    das einzigste was mich jetzt noch stört ist das die rechte box auf der sidebar lappt die linke allerdings nicht , wollt es halt schön semetrisch haben.
    gibs da noch irgendein trick damit die linke box sich so verhält wie die rechte nur umgekehrt?

    aufjedenfall ein riesen danke an Broken Sword :danke:

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Broken Sword () aus folgendem Grund: Doppelpost =&gt; Wir haben Ändern-Buttons!!!

  • Broken Sword schrieb:


    Quellcode

    1. <div style="float:left"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989b9a06bff443/4750b5f2314b6e1b/1653fc70/chart/Hot+Rap+Tracks/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></script></div>
    2. <div style="float:right"><script src="http://widgets.clearspring.com/o/4750b5f2f45d8310/49989931918170ed/4750b5f2314b6e1b/dbf20721/chart/Hot+HipHop+Songs/bordercolor/483c37/bgcolor/251e1b/numcolor/ff5300/artistcolor/ff5300/titlecolor/ff5300/charttitlecolor/ff5300/-storeInPid/true/widget.js" type="text/javascript"></script></div>



    Sorry, wenn ich mich einmische, aber das da oben ist genauso Müll, das erzeugt nämlich s.g. Spaghetti Code, der tunlichst vermieden werden sollte, es sollte generell Layout und Inhalt getrennt werden!

    Wenn schon dann richtig:

    Quellcode

    1. <div class="subcol_l"><img src="......." /></div>
    2. <div class="subcol_r"><img src="....." /></div>


    Die beiden Klassen dann über ein CSS-File ansprechen.