Profil 2.0 - Fragen und Antworten

SunPhoenix schrieb:
Bin noch am schauen, wo der Fehler liegt, hier aber der funktionierende Code:
Code: 
<table>
<tbody>
<tr>
<td align="center" onmousedown="document.getElementById('Haupt').style.display='block'; document.getElementById('Profil2').style.display='none'" vertical-align="middle" style="padding-right: 149px; background-image: url(http://a.imagehost.org/0166/Unbenannt.jpg); color: rgb(255, 255, 255); cursor: pointer;"><font size="3" align="center">Haupt</font></td>
<td align="center" onmousedown="document.getElementById('Profil2').style.display='block'; document.getElementById('Haupt').style.display='none'" vertical-align="middle" style="padding-right: 149px; background-image: url(http://a.imagehost.org/0166/Unbenannt.jpg); color: rgb(255, 255, 255); cursor: pointer;"><font size="3">Profil2</font></td>
</tr>
</tbody>
</table>
Edit: Da war Balth schneller... Dann muss ich den Fehler ja gar nicht mehr suchen.
Zum Vergrößern anklicken....

Oh super danke :D
Klappt auch endlich :D
Muss ich mir für die Zukunft merken :)
Edit: Sorry war jetzt Spam.
 
Jetzt gibs schon wieder ein problem ^^
Der Übergang klappt zwar aber ich habe grad den Hintergrund gemacht und den kleinen Text dazu, aber erscheint nicht :confused:
 
SunPhoenix schrieb:
Wie kannst du wissen, dass der Übergang funktioniert, wenn der Text nicht erscheint? Versteh ich nicht ganz...
Zum Vergrößern anklicken....

Naja wenn ich auf Profil2 klick verschwindet das Grüne, und es kommt das mit total Weißen Hintergund (Also nichts), genauso umgekehrt.
Nur kann ich nichts ins leere stellen z.B. Text.
Das ist das problem.
Hoffe war verständlich ^^
 
Du hast vergessen, nach "------Komplettes Profil-------</div>" noch ein weiteres <div> zu schliessen.
Bei dir ist das zweite Profil ein Inhalt des ersten, wird aber darin nicht dargestellt.
 
SunPhoenix schrieb:
Du hast vergessen, nach "------Komplettes Profil-------</div>" noch ein weiteres <div> zu schliessen.
Bei dir ist das zweite Profil ein Inhalt des ersten, wird aber darin nicht dargestellt.
Zum Vergrößern anklicken....

Ich hab mich um das 2. DIV gekümmert aber irgendwie wills bei mir nicht ^^
Sieht jetzt so aus:
HTML: 
<table>
<tbody>
<tr>
<td align="center" onmousedown="document.getElementById('Haupt').style.display='block'; document.getElementById('Profil2').style.display='none'" vertical-align="middle" style="padding-right: 149px; background-image: url(http://a.imagehost.org/0166/Unbenannt.jpg); color: rgb(255, 255, 255); cursor: pointer;"><font size="3" align="center">Haupt</font></td>
<td align="center" onmousedown="document.getElementById('Profil2').style.display='block'; document.getElementById('Haupt').style.display='none'" vertical-align="middle" style="padding-right: 149px; background-image: url(http://a.imagehost.org/0166/Unbenannt.jpg); color: rgb(255, 255, 255); cursor: pointer;"><font size="3">Profil2</font></td>
</tr>
</tbody>
</table>
<!-- start Profil Haupt -->
<div id="Haupt" style="display: block;">
<div style="background-color: rgb(55, 55, 54); font-family: Arial,Helvetica,sans-serif; font-size: 13px; color: rgb(0, 128, 0);">
<a id="home" name="home"></a>
------------Komplettes Profil------------------
</tr>
</table>
</div>
</div>
<!-- /end Haupt Profil -->
<!-- start Profil2 Profil -->
<div id="Profil2" style="display: none; width: 671px;">
<a id="home2" name="home"></a>
<div style="background-image: url(http://i184.photobucket.com/albums/x83/Kinbushi/AC2.jpg)">
<p style="color:#000000;">ist in Arbeit</p>
</div>
</div>
<!-- /end Profil2 Profil -->
 
HTML: 
------------Komplettes Profil------------------
</tr>
</table>

Das </tr> und das </table> sind zu viel. Die hast du schon weiter oben geschrieben.
 
Dann müssen die Tags aber auch angefangen werden. Du kannst nicht einfach einen Tag schliessen, der gar nicht geöffnet ist. Du musst also auch ein <table><tr> davor setzen.
 
Im Übrigen solltest du dir angewöhnen, nach jedem Style und jedem Javascript-Befehl ein ; einzufügen. AUCH wenn danach nichts mehr kommt. Beim INLINE-Style ist da vielleicht kein Problem, wohl aber beim Inline-Javascript. ;)
 
So, habe nun den Musikbereich fertig und so wie du (balthier) es mit den Listen gemeint hast habe ich es auch gemacht, doch die DIVs konnte ich nicht komplett reduzieren, dürfte aber so passen.
 
Listen? Versteh ich gerade nicht ganz. Ich meinte eigentlich, dass die DIVs z.B. für die Leisten oben, z.B. wo einfach nur Avril Lavigne drauf steht, ja eigentlich Überschriften sind, und diese man eben so bezeichnen kann. Darunter ist ein Bild. Dann kommt ein text <p>. Das alles könnte man in ein DIV reinzwängen.
Also so:
<div id="boxLeftBlack">
<h2>Avril Lavigne</h2>
<img />
<h3>Intro</h3>
<p>Text</p>
<div id="video"><object>...</object></div>
</div>

Bei dir ist es momentan so (ungefähr^^):
<div id="box">
<div>Avril Lavigne</div>
<div><img/></div>
<div><p>Intro</p></div>
<div><p>Text</p></div>
<div><object>...</object></div>
</div>


Der Unterschied sollte sichtbar sein^^ Oder ist das scho so, oder was oder wie
 
Kann es eigentlich sein, dass das object-Tag beizeiten rumzickt? Ich hatte da heute mal etwas via object eingebunden und nur Opera hat es angezeigt, Firefox und Safari wollten partout nicht. Haben die Browser da verschiedene Vorstellungen darüber, wie man mit data und src oder params oder wie auch immer angeben muss, was eingebunden werden soll?
Und ein zweites Phänomen: Seit wann escaped Cynamite '-Zeichen im Profil?
 
grüß gott @ all^^
kann mir denn nicht endlich jemand sagen, wie ich die bilder und videos nebeneinander, parallel zu einander (links bild, rechts das vid), bekomme!? :D
 
balthier9999 schrieb:
Listen? Versteh ich gerade nicht ganz. Ich meinte eigentlich, dass die DIVs z.B. für die Leisten oben, z.B. wo einfach nur Avril Lavigne drauf steht, ja eigentlich Überschriften sind, und diese man eben so bezeichnen kann. Darunter ist ein Bild. Dann kommt ein text <p>. Das alles könnte man in ein DIV reinzwängen.
Also so:
<div id="boxLeftBlack">
<h2>Avril Lavigne</h2>
<img />
<h3>Intro</h3>
<p>Text</p>
<div id="video"><object>...</object></div>
</div>

Bei dir ist es momentan so (ungefähr^^):
<div id="box">
<div>Avril Lavigne</div>
<div><img/></div>
<div><p>Intro</p></div>
<div><p>Text</p></div>
<div><object>...</object></div>
</div>


Der Unterschied sollte sichtbar sein^^ Oder ist das scho so, oder was oder wie
Zum Vergrößern anklicken....

Ein bisschen ist das schon so, aber wenn ich irgendein <hX> einbaue, spuckt mir der Editor immer eine Linie darunter heraus. Außerdem; wenn ich in ein <p> padding für die linke und rechte Seite einbaue, wird die border nicht mit einbezogen.
 
*Kira* schrieb:
Ein bisschen ist das schon so, aber wenn ich irgendein <hX> einbaue, spuckt mir der Editor immer eine Linie darunter heraus. Außerdem; wenn ich in ein <p> padding für die linke und rechte Seite einbaue, wird die border nicht mit einbezogen.
Zum Vergrößern anklicken....
Dafür ist doch CSS gedacht! Kennst du etwa das Prinzip nicht? HTML ist Struktur, CSS ist die Optik, JS die Interaktion. Zunächst muss dein Code strukturiert sein, egal, wie es im Fenster aussieht. Danach gestaltest du es, wie du möchtest, da mit CSS jedes Element beliebig veränderbar ist. Da kann eine Überschrift plötzlich zum Blockelement werden und gar keine Schrift enthalten, stattdessen ein Bild. Siehe mein Profil, da mach ich das ständig so. Ich habe die Überschrift in der Struktur drin, es steht auch tatsächlich z.B. da »Willkommen!«. Am Ende aber lass ich mit CSS den Text per text-indent:-9999px verschwinden und baue per display:block; width:..., height:...; background:url(); das Hintergrundbild ein.

Die Linien bei den Überschriften beseitigst du einfach mit border:0; oder wenns net klappt border:0px oder border:none;. Ebenso stellst du alle paddings und margins auf 0. Und so hast du alle vordefinierten Eigenschaften eliminiert und kannst nun selbst deine Optik einbauen.

Nichts ist unmöglich mit CSS :D Siehe mein Profil. Da ist alles strukturiert :) (bis auf die Thats Me-Tabelle, die keine Tabelle ist. Da wollte ich noch nachbessern, hab aber noch net so lust dazu^^)
 
Zuletzt bearbeitet:
balthier9999 schrieb:
[das weiß ich doch] Am Ende aber lass ich mit CSS den Text per text-indent:-9999px verschwinden und baue per display:block; width:..., height:...; background:url(); das Hintergrundbild ein.

Die Linien bei den Überschriften beseitigst du einfach mit border:0; oder wenns net klappt border:0px oder border:none;. Ebenso stellst du alle paddings und margins auf 0. Und so hast du alle vordefinierten Eigenschaften eliminiert und kannst nun selbst deine Optik einbauen.

[das auch]
Zum Vergrößern anklicken....
Dankeschön! Wird morgen verbessert, Captain :D
Muss aber jetzt noch modden, wieso habe ich von text-indent noch nie gehört?
 
Zuletzt bearbeitet:
Wenn du von der text-indent-Methode noch nie was gehört hast, dann kennst du auch nicht Design With Webstandards. Wenn du… ein halbes Jahr wartest, könntest du die dritte Version abgreifen :D
Wäre mal eine Lektüre. Obwohl ich Zeldman nicht so ab kann, zumindest nicht so, wie er schreibt. Hat nichts mit dem Streit zwischen Designer und Programmierer zu tun. Irgendwie hat er es mit dem Schreiben nicht so, zumindest was Bücher anbelangt^^ Die erste Hälfte ist ein riesiges Vorwort, dass zu 20% aus dem Wort proprietär besteht :D
Der eigentliche Teil könnte auch auf die Hälfte gekürzt werden, wenn er nicht ständig das aus dem ersten Teil wieder einbauen würde. »So kann man kostbare Bytes sparen blabla. Kein proprietäres Gelumpe, schlanker Code, haha.« xD



Na ja^^
 
<embed src="http://services.brightcove.com/services/viewer/federated_f8/1336733436?bclid=339145472" bgcolor="#FFFFFF" flashVars="playerId=1336733436&lineupId=339145472&viewerSecureGatewayURL=https://services.brightcove.com/services/amfgateway&servicesURL=http://services.brightcove.com/services&cdnURL=http://admin.brightcove.com&domain=embed&autoStart=false&" base="http://admin.brightcove.com" name="flashObj" width="520" height="587" seamlesstabbing="false" type="application/x-shockwave-flash" swLiveConnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed><div>Mehr Videos für Deine Seite auf <a href="http://videos.musicbox.de/index.php?content=videos_teilen">Musicbox.de</a></div>
 
Einloggen o. Registrieren zum Antworten.

Similar threads

S
Auf der Suche nach dem perfekten Armband für meine Apple Watch Ultra
Antworten
1
Aufrufe
169
Morosha
M
Sonic1080
Einstellung GA geplant?
2 3
Antworten
46
Aufrufe
4K
nebenniere
nebenniere
M
Netzteilkabel zu kurz fürs Mainboard
Antworten
0
Aufrufe
521
minedp
M
DoN KoChRoLlEs
Professionelle Computer-Reinigung Berlin
Antworten
0
Aufrufe
4K
DoN KoChRoLlEs
DoN KoChRoLlEs
Zombiekiller666
Heimkino einrichten
Antworten
1
Aufrufe
3K
JokerofDarkness
JokerofDarkness
Oben Unten
Zurück