css und html

html.de-Forum HTML, XHTML & CSS
1

Hallo alle in der community, ich habe mich mal versucht am html und css allerdings bekomme ich es nicht hin ein Titelbild einzufügen. Ich weiß das dass html das ich benutze schon älter ist(html 5) ,aber davon sind mehr Sachen im netz :slight_smile: naja zum Fall zurück! ich schreibe die Daten hier drunter und hoffe das ihr mir erklären könnt was ich falsch mache das Titelbild(Get2Craft.jpg) soll oben in der Mitte sein :slight_smile: ps ist zwar noch nicht viel aber ich bin stolz drauf :smiley:

[CODE]

Get2Craft Home 
<meta charset="ISO-8859-1"/>
<meta name="description" content=""/>
<meta name="author" content=""/>
<meta name="keywords" content=""/>
<link href="stylesheet.css" type="text/css" rel="stylesheet" />


<link href="style.css" type="text/css" rel="stylesheet">

        <div id="root_site"></div>
         <div class="header_backround"></div>

    </td>
</tr>
[/CODE]

und jetzt css

[HTML]/* HTML Get2craft stylesheet Script 1.0*/
/* Autor lingenplayer*/

Body
{
background: url(images/background.jpg)no-repeat;
}

a
{

}

a:hover
{

}

a img
{

}

/* root_site setup */

#root_site
{
margin-top: 250px;
width: 860px;
height: 600px;
background-color: hsla(0, 0%, 50%, 0.5);
}

 .header_backround
 {

 height: 220px;
 width: 840px;
 background: url(images/Get2Craft.jpg)no-repeat;
 background-position: bottom;

}[/HTML]

2

Ich weiß das dass html das ich benutze schon älter ist(html 5) ,aber davon sind mehr Sachen im netz

Ehm ja.

Dein Code ist eigentlich totaler Müll und du solltest dich vorher mal genauer mit HTML beschäftigen, bevor du dich überhaupt an CSS rantraust. Denn du solltest deinen Inhalt schon in den body schreiben.

Tipp: http://de.selfhtml.org/html/grafiken/einbinden.htm

3

ich weiß :slight_smile: aber wie lernt man am besten durch die praxis. Ich habe es in hin bekommen in html muss der code rein
[HTML]


[/HTML] ich danke dir viel Mals
4

Ich empfehle dir deinen Bildern keine Größe mitzugeben. Diese ganzen attribute, die du deinem Element mitgibst benutzt heute wirklich niemand mehr. Außerdem solltest du deinen tags ein „alt“ atribut mitgeben damit niemand benachteiligt wird. :wink:
Weiter unten steht wie du es richtig machst, aber nur falls du das komplett ignorieren möchtest solltest du eher folgendes schreiben.

[html]
img{
border: 0px;
}

.logo {
height: 200px;
width: 872px;
}

Get 2 Craft Logo[/html]

= = = = WIE MAN ES RICHTIG/BESSER (imho) MACHT = = = =

Erst einmal musst du wissen wie du anfängst. http://getbootstrap.com/2.3.2/ Damit kannst du wunderbar anfangen mit deiner Homepage.
Wenn du damit anfängst musst du für das was du umsetzen willst nur folgendes schreiben.

[html][/html]

Bilder die du benutzt sollten immer die richtei größe haben.

Am anfang solltest du dir keine all zu großen sorgen darum machen, Was genau in dem Packet enthalten ist das du dir evtl. schon runtergeladen hast. Du wirst es mit der Zeit zu schätzen lernen. ^^

lg

5

vielem dank ich habe es so wie du oben geschrieben hast gemacht. Zwei Sachen musst du mir noch erklären XD Was ist denn das genau also das getbootstrap
und was meinst du damit

tags ein „alt“ atribut mitgeben damit niemand benachteiligt wird

6

Das ist so nicht ganz richtig. Dem Bild Attribute für width und height innerhalb des HTML mitzugeben, entlastet die Rendering-Engine des Browsers. Ein Alt-Attribut im Image-Tag ist für W3C-validen Code ebenso verpflichtend, wie das Border-Attribute dort falsch ist, und Boostrap 2.3x empfiehlt sich nur, wenn man auch den IE8 mit abdecken will. Ansonsten sollte zur Version 3.x gegriffen werden.

7

Er meint damit Barrierefreies bzw. Armes Webdesign. Google den Begriff einfach mal so wie Bootstrap, wobei ich finde das Bootstrap am Anfang ein bisschen zu mächtig für dich ist aber sich damit auseinander zusetzen ist trotzdem nicht falsch.

8

okay werde es mal versuchen mit bootstrap