horizontale Navigation

Mario348 · 1 Januar 2008

Wäre nett, wenn ihr mir erklären würdet, wozu diese divs gut sind und wie ich sie einbinden muss...

Code:

<html>
<head>
<style type="text/css">
#header a { float:left; display:block; width:.1em; background:url("right.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#765; }
#header > ul a {width:auto;}
</style>
</head>
<body>
</body>
</html>

Maxi · 1 Januar 2008

Mit divs kannst du dir deine ganze Homepage aufbauen, quasi als viel besserer Ersatz für Tabellen und Frames.

Einbauen:

Code:

<div class="lolrofl">So, wenn es sich bei dem Div um eine Klasse handelt</div>
<div id="rofllol">und so, wenn es sich um eine ID handelt.</div>

Mario348 · 1 Januar 2008

Und welche divs muss ich nehmen und wie einbinden?
Im <body> ich weiss, aber ich kann mir das nicht vorstellen.

Ich muss jetzt gehen, danke für deine Hilfe und bis morgen Nachmittag!

Maxi · 1 Januar 2008

Du nimmst so viele Divs wie du eben für deine Homepage brauchst... 5, 10, 15 ich weiß nicht, wie deine Seite mal aussehen soll ;-)

Mario348 · 2 Januar 2008

Wieso wird nur das Frame "oben" angezeigt?

Code:

<frame id="oben">
<frameset  rows="35%,80%" border="0">
<frame src="oben.html" scrolling="no" >

<frame id="mitte">
<frameset cols="80%,20%">   
<frame src="1.html" name="mitte.html" border="no">

Und wie kann ich in einer .css Datei ein Hintergrundbild einbinden?

Habs so versucht, ohne Erfolg:

Code:

background-image: background.jpg;

Maxi · 2 Januar 2008

Code:

background-image: url('bild.ect');

Mario348 · 2 Januar 2008

Mein Code sieht momentan so aus:

Code:

body {
color: black;
font-family: Arial, Helvetica, Sans-Serif;
background-image: url('background.jpg');
text-align: center;
object-align: center;
}

Es erscheint jedoch immer noch kein Hintergrund...

Maxi · 2 Januar 2008

Heißt das Bild auch background.jpg und liegt im gleichen Verzeichnis wie die css-Datei?

Mario348 · 2 Januar 2008

Ich habe es jetzt ins selbe Verzeichnis verschoben, nun funktioniert's, danke! Nun sieh das Hintergrundbild ganz komisch aus, die Schrift ist unleserlich. Klar muss ich eine helle Schriftfarbe wählen, aber das Bild sollte einen schönen Verlauf haben...

RapidShare Webhosting + Webspace

Maxi · 2 Januar 2008

Dann mach dir nen verlauf mit nem Grafikprogramm...

Mario348 · 2 Januar 2008

Ich hab's ja mit Paint.NET erstellt!!!
Die Grösse habe ich jetzt verdoppelt.
Die verschiedenen Farbstufen des Bildes wiederholten sich, nun ist alles schwarz!

Es hat nun geklappt! Ich habe immer eine Pixelansicht gehabt, also habe ich einfach das Bild mit cm erstellt! ;Jump
Nun wird das Bild jedoch x mal wiederholt und die restlichen css Formatierungen werden nicht dargestellt!

Maxi · 5 Januar 2008

mit

Code:

background-repeat: no-repeat;

kannst du die Wiederholung vermeiden.

Mario348 · 5 Januar 2008

Code:

body {
color: black;
font-family: Arial, Helvetica, Sans-Serif;
background-image: url('background2.png');
background-repeat:no-repeat;
text-align: center;
object-align: center;
}

Nun ist der Hintergrund weiss...

Maxi · 5 Januar 2008

Ich kopiere mal dein anderes Problem in diesen Thread:

Code:

<h2>Tab Menu H</h2>
<div id="tabsH">
  <ul>
    <li><a href="#" title="Link 1"><span>Link 1</span></a></li>
    <li><a href="#" title="Link 2"><span>Link 2</span></a></li>
    <li><a href="#" title="Link 3"><span>Link 3</span></a></li>
    <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
    <li><a href="#" title="Link 5"><span>Link 5</span></a></li>
    <li><a href="#" title="Link 6"><span>Link 6</span></a></li>
	<li><a href="#" title="Link 7"><span>Link 7</span></a></li>
  </ul>
</div>
<br>

Wie kann ich diese Navigation in diesen Code integrieren?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="oben.css">
<link rel="shortcut icon" href="http://www.arudc.ch/favicon.ico">
<meta name="keywords" content="Downloads, Tips, neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, Gästebuch, Maps, Remote">
<meta name="description" content="Kostenlose Downloads und Tips f&uuml;r den PC. Rubriken: neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, G&auml;stebuch, Maps, Remote ">
<meta name="DC.Description" content="Kostenlose Downloads und Tips f&uuml;r den PC. ">
<meta name="title" content="Alles rund um den Computer">
<meta name="language" content="German, de, deutsch">
<meta name="author" content="Mario Bienz">
<meta name="publisher" content="arudc.ch">
<meta name="copyright" content="arudc.ch">
<meta name="revisit-after" content="after 20 days">
<meta name="page-topic" content="Kostenlose Downloads und Tips f&uuml;r den PC">
<meta name="page-type" content="Gratisdownloads & Tips">
<meta name="audience" content="alle">
<meta name="robots" content="index,follow">
<meta name="generator" content="http://www.arudc.ch">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

         <link rel="stylesheet" type="text/css" href="CSS.css">
<font color="#ffd700"><div align="center"><font size="+4"><b>Alles rund um den Computer</b></font>
               <font face="UniversalMath1 BT"></font></div></font>
        <font color="#ffa500">
</head>
<body background-color="blue">


<div id="box1">
<iframe name="I1" marginwidth="1" marginheight="1"  scrolling="no" border="0" frameborder="0" width="135" height="55"src="http://www.adm24.de/hp_counter/counter.php?counter_nummer=2453&type=1">
</iframe>
</div>

<div id="box2">
<!-- Beginn Bannercode submitter.de -->
<CENTER><A HREF="http://www.submitter.de" target="new">
<IMG SRC="http://www.submitter.de/banner/banner1.gif" NOSAVE BORDER=0 HEIGHT=50 WIDTH=200 ALT="submitter.de - Kostenloser Eintrag in &uuml;ber 1111 Suchmaschinen!"></A> </CENTER>
<!-- Ende Bannercode submitter.de -->
</div>

<div id="box3">
<iframe src="http://www.radioplay.ch/unterstuetzung/start.asp?bgcolor=white&textcolor=black&linkcolor=blue&vlinkcolor=blue&alinkcolor=blue&fontface=verdana&fontsize=2" width=360 height=170 scrolling=no marginheight="0" marginwidth="0" frameborder="0">Dein Browser unerst&uuml;tzt leider keine iFrames, sonst k&ouml;nntest Du jetzt Radio h&ouml;ren &uuml;ber <a href="http://www.radioplay.ch" target="_blank">Radioplay.ch</a> - Ihr Schweizer Radio Portal</iframe>
</div>








<!-- Counter von http://fc.webmasterpro.de : dieser Code zeigt ihre Besucherzahl an und zählt mit -->
<script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=mario348&amp;style=none" id="fcScriptmario348"></script>
<noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=mario348" alt="" /></div></noscript>



<title>oben.html</title><Hardwareinfo>



<body text="" bgcolor=lime link="blue" alink="red" vlink="blue">

<title>2.html</title>
<link rel="stylesheet" type="text/css" href="CSS.css">
</head>





</body>
</html>

Bitte Schritt für Schritt!

Mein Tipp: Schau dir erst mal das Grundgerüst einer HTML-Datei an und bearbeite deine Datei dann nochmal!

--> maxifiacco.de - Grundgerüst

Mario348 · 6 Januar 2008

Ich hab mir das jetzt mal angeschaut.
Keine Ahnung, auf was du hinaus willst...

Maxi · 6 Januar 2008

Mario348 schrieb:
Ich hab mir das jetzt mal angeschaut.
Keine Ahnung, auf was du hinaus willst...

Hast du dir deinen Code schonmal angeschaut?
Was haben bitte font-Tags im Head und der zweite geschlossene Head im Body zu suchen?

Mario348 · 6 Januar 2008

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="oben.css">
<link rel="shortcut icon" href="http://www.arudc.ch/favicon.ico">
<meta name="keywords" content="Downloads, Tips, neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, Gästebuch, Maps, Remote">
<meta name="description" content="Kostenlose Downloads und Tips f&uuml;r den PC. Rubriken: neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, G&auml;stebuch, Maps, Remote ">
<meta name="DC.Description" content="Kostenlose Downloads und Tips f&uuml;r den PC. ">
<meta name="title" content="Alles rund um den Computer">
<meta name="language" content="German, de, deutsch">
<meta name="author" content="Mario Bienz">
<meta name="publisher" content="arudc.ch">
<meta name="copyright" content="arudc.ch">
<meta name="revisit-after" content="after 20 days">
<meta name="page-topic" content="Kostenlose Downloads und Tips f&uuml;r den PC">
<meta name="page-type" content="Gratisdownloads & Tips">
<meta name="audience" content="alle">
<meta name="robots" content="index,follow">
<meta name="generator" content="http://www.arudc.ch">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">



</head>
<body>

<title>oben.html</title><Hardwareinfo>


<font color="#ffd700"><div align="center"><font size="+4"><b>Alles rund um den Computer</b></font>
<font face="UniversalMath1 BT"></font></div></font>
<font color="#ffa500">


<div id="box1">
<iframe name="I1" marginwidth="1" marginheight="1"  scrolling="no" border="0" frameborder="0" width="135" height="55"src="http://www.adm24.de/hp_counter/counter.php?counter_nummer=2453&type=1">
</iframe>
</div>

<div id="box2">
<!-- Beginn Bannercode submitter.de -->
<CENTER><A HREF="http://www.submitter.de" target="new">
<IMG SRC="http://www.submitter.de/banner/banner1.gif" NOSAVE BORDER=0 HEIGHT=50 WIDTH=200 ALT="submitter.de - Kostenloser Eintrag in &uuml;ber 1111 Suchmaschinen!"></A> </CENTER>
<!-- Ende Bannercode submitter.de -->
</div>


<!-- Counter von http://fc.webmasterpro.de : dieser Code zeigt ihre Besucherzahl an und zählt mit -->
<script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=mario348&amp;style=none" id="fcScriptmario348"></script>
<noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=mario348" alt="" /></div></noscript>


</body>
</html>

So besser?

Maxi · 6 Januar 2008

Schau dir mal an, wo der Titel steht:

maxifiacco.de - Titel
maxifiacco.de - Grundgerüst

Mario348 · 6 Januar 2008

Hab's nun in den <head> Tag verschoben:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>oben.html</title><oben>
<link rel="stylesheet" type="text/css" href="oben.css">
<link rel="shortcut icon" href="http://www.arudc.ch/favicon.ico">
<meta name="keywords" content="Downloads, Tips, neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, Gästebuch, Maps, Remote">
<meta name="description" content="Kostenlose Downloads und Tips f&uuml;r den PC. Rubriken: neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, G&auml;stebuch, Maps, Remote ">
<meta name="DC.Description" content="Kostenlose Downloads und Tips f&uuml;r den PC. ">
<meta name="title" content="Alles rund um den Computer">
<meta name="language" content="German, de, deutsch">
<meta name="author" content="Mario Bienz">
<meta name="publisher" content="arudc.ch">
<meta name="copyright" content="arudc.ch">
<meta name="revisit-after" content="after 20 days">
<meta name="page-topic" content="Kostenlose Downloads und Tips f&uuml;r den PC">
<meta name="page-type" content="Gratisdownloads & Tips">
<meta name="audience" content="alle">
<meta name="robots" content="index,follow">
<meta name="generator" content="http://www.arudc.ch">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">



</head>
<body>



<font color="#ffd700"><div align="center"><font size="+4"><b>Alles rund um den Computer</b></font>
<font face="UniversalMath1 BT"></font></div></font>
<font color="#ffa500">


<div id="box1">
<iframe name="I1" marginwidth="1" marginheight="1"  scrolling="no" border="0" frameborder="0" width="135" height="55"src="http://www.adm24.de/hp_counter/counter.php?counter_nummer=2453&type=1">
</iframe>
</div>

<div id="box2">
<!-- Beginn Bannercode submitter.de -->
<CENTER><A HREF="http://www.submitter.de" target="new">
<IMG SRC="http://www.submitter.de/banner/banner1.gif" NOSAVE BORDER=0 HEIGHT=50 WIDTH=200 ALT="submitter.de - Kostenloser Eintrag in &uuml;ber 1111 Suchmaschinen!"></A> </CENTER>
<!-- Ende Bannercode submitter.de -->
</div>


<!-- Counter von http://fc.webmasterpro.de : dieser Code zeigt ihre Besucherzahl an und zählt mit -->
<script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=mario348&amp;style=none" id="fcScriptmario348"></script>
<noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=mario348" alt="" /></div></noscript>


</body>
</html>

Wie kann ich diese Formatierungen nun in die .css Datei übernehmen?

Maxi · 6 Januar 2008

Mario348 schrieb:
Wie kann ich diese Formatierungen nun in die .css Datei übernehmen?

Eine CSS-Datei hast du ja schon, da kannst du auch noch mehr reinschreiben wie das, was jetzt drin steht.

horizontale Navigation

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied