HTML Neuling sucht Rat/Hilfe

[xxHOMiExx]

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:

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

 

[corema]

so sieht das aus, wenn die beiden boxen nicht nebeneinander passen.
die bildschirmauflösung, also zu niedrig ist, oder die boxen zu groß sind

 

[Broken Sword]

Hi,

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:

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

style="min-width:/*So viel, dass beide Boxen reinpassen*/px"

bestücken, dann passen dann auch wieder die Boxen hin.

Gruß
Broken Sword

 

[ingimaus]

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

 

[corema]

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"

 

[xxHOMiExx]

danke ersma für eure antworten und eure hilfe.

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

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

 

[Broken Sword]

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

schreiben.

Gruß
Broken Sword

 

[xxHOMiExx]

der code sieht folgendermaßen aus :

B]>

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.

 

[Broken Sword]

Hi,
du solltest dir mal die Grundregeln von HTML zu Gemüte führen...
Dein Code strotzt wieder vor Fehlern...

[COLOR='#ff0000']COLOR] style="float:[COLOR='#ff0000']"[/COLOR] left;[COLOR='#ff0000']style=[/COLOR]"min-width:[COLOR='#ff0000']/*2000*/[/COLOR]px">[/COLOR]

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:

B] [U]atribut1[/U]="[I]wert[/I]" [U]atribut2[/U]="[I]wert[/I]">B] [U]atribut1[/U]="[I]wert[/I]" [U]atribut2[/U]="[I]wert[/I]">TextB]>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:

Gruß
Broken Sword

 

[xxHOMiExx]

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

 

[Liebei]

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:

[IMG]https://finale.freesoft-board.to/.......[/IMG]


[IMG]https://finale.freesoft-board.to/.....[/IMG]

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

 

[xxHOMiExx]

wurde alles geklärt , ich danke nochma für die netten und ausführlichen antworten

 

[Broken Sword]

=> Closed

Gruß
Broken Sword