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

Boxen / Käste

C

cascada

Neues Mitglied
Hallo Zusammen

Ich möchte für meine Webseite Kästchen/ Boxen machen, wie gehe ich da am besten vor? So, dass ich einen Text in die jeweilige Box einfügen kann. (Siehe Anhang)
Kann man sowas mit HTML machen, oder muss man da CSS verwenden?
 

Anhänge

  • beispiel.jpg
    beispiel.jpg
    30,5 KB · Aufrufe: 14
okay, hab da was gefunden:
Code: 
<div style="background-color:grey;
            width:  400px;
            height: 200px;
">
INHALT
</div>

ich möchte 2 boxen nebeneinander haben, wenn ich die codes aber 2 mal nach einander einfüge, kommen sie untereinander.
was mache ich falsch?
 
gib dem Ding als Attribut mal display: inline-block; mit.

Solltest aber wirklich erstmal einen html/css grundkurs machen, falls Du irgendetwas Weitergehendes vor hast - z.B. auf codecademy
 
Code: 
<!DOCTYPE html>
<html lang="en">

<head>
<meta name="keywords" content="Pferdefotoshootings in der ganzen Schweiz, Pferdefotografin, Pferdefotografie, Pferdefotos, Fotos auf Leinwand, Poster, Collagen, Pferdefotografie, Pferdefotograf, Pferdefotoshooting, Pferdefotoshootings, Pferde fotografieren">
<meta name="DC.Description" content="Individuelle Pferdeshootings nach Ihren Wünschen">
<meta name="title" content="Photohorse - individuelle Pferdeshootings nach Ihren Wünschen">
<meta name="language" content="German, de, deutsch">
<meta name="author" content="Daniela Hochstrasser">
<meta name="publisher" content="Daniela Hochstrasser">
<meta name="copyright" content="Daniela Hochstrasser">
<meta name="revisit-after" content="after 20 days">
<meta name="date" content="2014-11-15">
<meta name="page-topic" content="Pferdeshooting, Fotoshooting">
<meta name="page-type" content="Fotografie & Shootings">
<meta name="audience" content="alle">
<meta name="robots" content="index,follow">
<meta name="generator" content="http://www.photohorse.ch">
<meta name="pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta http-equiv="Content-Style-Type" content="text/css">
<title>F O T O G R A F I E - Fotografie Daniela Hochstrasser</title>
<link rel="stylesheet" type="text/css" href="http://cascada.meximas.com/stylesheet.css">
       <style type="text/css">
        <!--
        ul#navigation {
                margin: 10px;
                padding: 10px;
                text-align: center;
                list-style-type: none;
        }

        ul#navigation li {
                padding: 9px;
                margin: 0px;
                display: inline;

        }
        a:visited {
          color: #D29650;
        }


        ul#navigation li a:link {

                background-color: #000000;
                padding: 0px 10px 30px 5px;
                font-size: 17px;
                color: #D29650;
                font-family: Dotum, Arial;;
                text-decoration: none;
                font-weight: bold;


        }

        ul#navigation li a:hover {
                border: 0px solid #D29650;
                background-color: #000000;
                padding: 2px 5px 2px 5px;
                color: #D29650;
        }
        -->
        </style>



</head>
<body>

<section>
<header>
<br>
<br>
<br>
<div align="center"><img src="http://cascada.meximas.com/logo.gif"></div>
<br>
<br>
<nav>
<ul id="navigation">
<li><a href="index.html">HOME</a></li>
<li><a href="fotografie.html">FOTOGRAFIE</a></li>
<li><a href="galerie.html">GALERIE</a></li>
<li><a href="portrait.html">ÜBER MICH</a></li>
<li><a href="kontakt.html">KONTAKT</a></li> <br> <br>

<li><a href="informationen.html">Informationen</a></li>
<li><a href="referenzen.html">Referenzen</a></li>
<li><a href="preise.html">Preise</a></li>
</ul>
</nav>

</header>
<body>


<div align="center">

<article>
<div style="background-color:grey;
            width:  400px;
            height: 200px;
            display: inline-block;
">
Fotoshooting 1
</div>

<div style="background-color:grey;
            width:  400px;
            height: 200px;
            display: inline-block;

">
Fotoshooting 2
</div>


<br>
<br>
<br>




</article>






<footer>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h5 style="font-family: 'Arial'; color: #D99C53 ;
text-align: center;">Webdesign-Fotos-Texte © Daniela Hochstrasser</h5>
</footer>


</div>
</body>

</html>

passiert nichts. vielleicht liegts an was anderem?
 
Daniel_Pixelsafari.net schrieb:
Schaust Du Dir am besten mal hier an: http://www.html-seminar.de/class_und_id.htm

Brauchst Du html/css nur für diese eine Seite? Dann wäre es vielleicht klüger ein Template zu kaufen oder ein kostenloses zu laden. Dann hast Du das Ding an einem halben Tag komplett fertig.
Zum Vergrößern anklicken....
ja brauche es nur für die Preisliste, sonst eigentlich nicht.
ein template kaufen oder laden?
sorry, bin totaler Neuling in Sachen webdesign. kannst du das mir evt genauer erklären?
 
Du kannst auf Seiten wie themeforest.net Templates für CMS-Systeme wie Wordpress kaufen. Wordpress ist ein kostenloses, sehr benutzerfreundliches Tool, mit dem man Inhalte anlegen und verwalten kann (wordpress.org).

Die Templates von Themeforest kannst Du dann in Wordpress installieren und hast von Start weg eine professionell aussehende Seite, bei der Du die Inhalte dann ohne html/css austauschen kannst. Alternativ gibt es auch Templates für andere CMS-Systeme. Zudem gibt es Templates, die nur aus HTML/CSS Code bestehen und die Du dann auf deine Wünsche anpassen kannst.

Neben Themeforest gibt es auch viele weitere Anbieter, die jedoch kostenlos sind. Findest Du schnell über google.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben