• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Kompletter Anfänger - Headerbild mit Verlinkung auf Startseite

Josh98

Josh98

Neues Mitglied
Hey zusammen,

Ich bin noch ziemlicher Anfänger in HTML und CSS. Dennoch habe ich jetzt schon vor, eine grössere Webseite, um genauer zu sein eine Fansite zum Computerspiel "Die Sims 3" zu erstellen. Geplant habe ich das ganze mit Wordpress zu machen (werde den Blogteil aber nur für die Startseite benutzen und für den Rest als CMS) und habe mir gedacht ich mach das ganze erstmals ohne Wordpress und übertrage das Ganze später dann in Wordpress.

Der Anfang hat soweit gut geklappt, nun habe ich schon die ersten Fragen und ich zerbrech mir jetzt schon ne Weile den Kopf darüber. Ich will ein Headerbild zu oberst in der Seite einfügen und dieser Header bzw. dieses Logo verlinkt dann auf die Startseite. Ich habe mir gedacht ich könnte das ganze einfach als normales Bild einfügen und dann zentriert ausrichten. Find ich jedoch etwas seltsam, weil ich dann doch die CSS-Datei gar nicht benötigen würde. Kann mir da jemand helfen wie ich den Header da mit Verlinkung auf die Startseite sauber auf die Seite bekomme (mit HTML und CSS)

Vielleicht wärs noch hilfreich zu sehen was ich bereits habe ^^

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">


    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="http://www.html.de/images/favicon.ico" type="image/x-icon" /> 
    <link rel="stylesheet" href="style.css" type="text/css" />


    <title>TSNetwork - Alle News, Features & Bilder zu Die Sims 4</title>
    </head>
    <body>


    </body>
    
</html>

Hier noch, was ich bereits im CSS habe:

Code: 
body {      background-color: #1372A8;
      background-image: url("http://www.html.de/images/template/header/background.jpg");
      background-position: top center; 
    }


Liebe Grüsse,

Josh
 
Links kann man nur in HTML hinterlegen. Wenn es sich bei deinem Headerbild um ein auch inhaltlich wichtiges Bild handelt (was meist der Fall ist) solltest Du es als <img>-Element einfügen, welches man dann natürlich auch verlinken kann.

HTML: 
<a href="linkziel"><img src="logo.png" alt=""></a>
 
Josh98 schrieb:
ich mach das ganze erstmals ohne Wordpress und übertrage das Ganze später dann in Wordpress.
Zum Vergrößern anklicken....


Du weisst aber schon das Wordpress seine Inhalte in einer Datenbank ablegt?

Das dürfte mit dem Übertragen dann ziemlich schwer werden. Wenn du also Wordpress benutzen willst dann mach das besser gleich von Anfang an sonst hast du später die doppelte Arbeit.


Gruss
Elroy
 
Ich würde es wohl so machen:

HTML: 
<div id="header">
<div id="logo"><a href="link"><img src="pfad" alt="beschreibung" width="" height="" /></a></div>
</div>

Code: 
#header {
width: ;
height: ;
}
#logo{
width: ;
height: ;
margin: ;
}
 
Wenn du wirklich kompletter Anfaenger bist, wuerde ich nicht unbedingt mit Wordpress starten ...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben