Ich werde es wohl doch lernen

[sinankurt]

Hallo,
viele haben mir hier schon sehr oft geholfen, oder versucht zu helfen. Doch ich muss gestehen: man kommt nicht drumherum, man muss selber auch lernen.

Nun möchte ich selber auch HTML und CSS lernen und anwenden können. Dazu werde ich euch in diesem Thread immer wieder Fragen stellen, wenn ich beim Lernen etwas nicht verstehe.

Meine erste Frage: Wie und Wo sollte ich am besten lernen?

 

[remo]

Hallo,

Meine erste Frage: Wie und Wo sollte ich am besten lernen?

Ich konnte es am besten durch Anwenden und wiederholen Lernen. - Ist bei jedem Mensch (mehr oder weniger) verschieden.
Ich habe damals ein gutes Buch ausgeliehen und mit dem HTML sowie CSS gelernt (erweiterte Kenntnisse habe ich durch das Internet erhalten - CSS 4 You - The Finest in Stylesheets )
Auch "erweiterte" HTML Kenntnisse habe ich "ergoogelt" (...Internet) und auch durch SELFHTML 8.1.2 (HTML-Dateien selbst erstellen)

Gruss Remo

 

[alogheo]

Quellensammlung

 

[sinankurt]

Hier bräuchte ich Hilfe:

Ich habe nun durch ein bisschen CSS versucht, den Facebook-Like Button rechts neben das große Facebook Icon auf der Startseite von Quartel zu setzen. Das hat bei Twitter gut geklappt, jedoch bei Facebook nicht. Was habe ich falsch gemacht?

Das ist der Code in der header.php:

<div id="icons"> <a style="display:block;" href="http://feeds.feedburner.com/Quartel"><img src="http://www.quartel.de/rss.png" alt="RSS" title="RSS"> <div id="facebook"><a href="http://www.facebook.com/pages/Quartel/227439220617041"><img src="http://www.quartel.de/facebook.png" alt="Facebook" title="Facebook"> </a> <iframe src="http://www.facebook.com/plugins/like.php?app_id=216927938347247&amp;href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FQuartel%2F227439220617041&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe></div> <div id="twitter"><a href="http://twitter.com/#!/QuartelBlog"><img src="http://www.quartel.de/twitter-2.png" alt="Twitter" title="Twitter"> </a> <iframe scrolling="no" frameborder="0" allowtransparency="true" src="http://platform0.twitter.com/widgets/follow_button.html?_=1307371069238&amp;align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;lang=de&amp;link_color=&amp;screen_name=QuartelBlog&amp;show_count=false&amp;show_screen_name=&amp;text_color=" class="twitter-follow-button" style="width: 150px; height: 20px; margin:6px 0px 0px 5px;" title=""></iframe></div> </div>

Und das in der CSS:

div#icons {    
float: right;   
color: #ffffff;       
margin-top:50px;     
height:33px;      
width:200px;      
}   

#icons a {
    margin-bottom: 5px;
}  

#twitter a {
    float: left;
    height: 33px;
}  

#facebook a {
    float: left;
    height: 20px;
}

 

[struppi]

Du bist ein Vogel, ich dachte du wolltest lernen, jetzt fängst da an, wo du in den anderen Threads aufgehört hast :-(

 

[behalx]

^^ Brauchst dich doch nicht so anstellen.. Wenn du etwas wissen willst: erstelle einen Thread mit einem passenden Titel und frag einfach...

 

[sinankurt]

Nein, wirklich, ich habe mir den Teil mit dem positionieren durchgelesen, habe es auch so weit gebracht. Ihr habt mir im letzten Thread geschrieben, dass ich etwas direkt fragen soll, wenn ich es alleine nicht schaffe :(

 

[behalx]

Ist aber für die Community suboptimal, da auch andere eines Tages das gleiche Problem gaben könnten und dann ihr Problem nicht per Suchmaschine finden können, da du ein nicht passenden Titel verwendest.

 

[struppi]

Hier hast du verkündet, dass du lernen möchtest. Wie wäre es also, wenn du Schrittweise vorgehst?

Um deinen Code lesen zu können, muss er erst mühsam aufgedröselt werden. Dann sind noch zusätzlich irgendwelche inline styles eingebaut und iframes, du kannst mir doch nicht erzählen, dass das ein Grundlage wäre um CSS zu lernen?

Dazu brauchst du zu erst sauber strukturiertes HTML. Dann kannst du dies mit CSS gestalten, wenn es damit Probleme gibt, wird dir hier gerne geholfen.

 

[struppi]

Ist aber für die Community suboptimal, da auch andere eines Tages das gleiche Problem gaben könnten und dann ihr Problem nicht per Suchmaschine finden können, da du ein nicht passenden Titel verwendest.

Er hat exakt dieses Problem bereits in mehreren Threads versucht zu lösen und hat dort viele Hinweise und Hilfestellungen bekommen. In diesem Thread hier, geht es darum, dass er angekündigt hat, jetzt CSS lernen zu wollen.

 

[sinankurt]

@behalx Das Problem ist, dass sich dann viele aufregen, dass ich zu viele Threads eröffne.

@struppi Die Poitionierung ist nicht das Problem. Der Nutzer Marv hatte das letzte mal meinen Code in einen iFrame umgewandelt. Ich weiß aber nicht wie man Codes von Twitter und Co. in iFrames umwandelt?

 

[behalx]

@sinankurt

glaube ich nicht. dafür ist ein Forum doch da.. das schlimmste was passieren kann ist, dass dir vorgeworfen wird, das du nicht gut genug recherchiert hast.

 

[sinankurt]

Ihr versteht mich nicht. Ich habe recherchiert, vor allem auf selfhtml.org. Jedoch komme ich mit meinem wissen nicht weiter, als dass ich mein "Gefällt mir" Button zwar ungefähr positioniere, aber eben nicht richtig.
Auch würde ich es ja wie struppi meint Schritt für Schritt machen, jedoch bekomme ich pro Tag um die 70 Besucher, weshalb es auch dumm ist das ich das Problem seit zwei Tagen habe...

 

[behalx]

Das verstehe ich sehr wohl... Meine Kritik war mehr eine Metainformation..

 

[sinankurt]

Da hast du natürlich Recht, für das Forum wäre es besser. Doch niemand will dann wieder antworten, und einige beschweren sich dann über den neuen Thread...