Suche im Forum:
Suchen


Autor Nachricht
Beitrag28.02.2010 um 11:18 (UTC)    
Titel: Menü ecken abrunden

Hallo,
wie kann ich es machen, damit dieses Menü leicht abgerundete ecken hat ?

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" xml:lang="de" lang="de">
<head>
</head>
<body>

<style type="text/css">
<!--

#Menu
{
width: 800px;
margin: auto;
padding: 2pt 10pt;
border: 1.5pt solid black;
background: #4297ea;
font: bold 10pt arial, sans-serif;
font variant: small-caps;
letter-spacing: 1pt;
text-align: center;
}

#Menu a
{
color: white;
text-decoration : none;
margin-left: 5pt, fixed;
margin-right: 5pt, fixed;
padding: 2pt 2pt;
}

#Menu a:hover
{
color: black;
text-decoration: none;
background: #4297ea;
padding: 2pt 2pt;
}

</style>

<div id="Menu">
<a href ="www.MeineSeite.de/Startseite.htm">STARTSEITE</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/Newsblog.htm">NEWSBLOG</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/About Nissi.htm">ABOUT NISSI</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/Designs.htm">DESIGNS</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/G.ae.stebuch.htm">GÄSTEBUCH</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/Statistik.htm">STATISTIK</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/Link Me.htm">LINK ME</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/Partner.htm">PARTNER</a>

<div>sabber</div>
</div>

</body>
</html>


Und nun noch eine Frage. Ich hab auch schon gegoogelt hab nichts darüber gefunden und in meinen Buch steht auch nichts.

Also, es ist dumm zu formulieren gehört aber zu jeder Homepage.

Wenn ich nun den Code von oben habe. Dort habe ich ein Menü mit ( Startseite, Newsbog, About Nissi ... ) Wie stelle ich nun ein, dass der Code von oben die Startseite sein soll ? Und ein anderer Code der Newsblog .... . Und wenn ich das nun habe, wie verlinke ich diese Seiten im Menü dann ?

gr. chris
Beitrag28.02.2010 um 12:34 (UTC)    
Titel:

mit folgendem Code kannst du Ecken abrunden:
Zitat:
-khtml-border-radius-bottomright: 15px;
-khtml-border-radius-bottomleft: 15px;
-khtml-border-radius-topright: 15px;
-khtml-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;[

Wenn die Rundungen noch runder sein sollen, setzt du statt "15" eine größere Zahl ein, sollen die Rundungen weniger geschwungen sein, muss eine kleinere Zahl hinein. Leider funktioniert das mit den Rundungen im Internet Explorer meines Wissens nicht. Deine 2. Frage verstehe ich leider nicht ganz.


Zuletzt bearbeitet von stopfermaxi am 28.02.2010, 13:35, insgesamt einmal bearbeitet
Beitrag04.03.2010 um 16:20 (UTC)    
Titel: sabber

Servus,
erst mal danke, das mit den Ecken funktioniert prima.

Also meine 2. Frage ist find ich, schwer zu formulieren.
Gehen wir mal auf deine Homepage. Du hast ja ein Menü mit :
Home | Über mich | Interaktiv | Informativ | Kontakt | FC Bayern | Rechtliches | Umfragen | Produkttests | Gästebuch

Wenn man dort auf : "Über mich klickt" dann erscheint ja eine Seite über dich, bei "Interaktiv" erscheint interaktives... .

Schaut man mein Menü an :
STARTSEITE | NEWSBLOG | ABOUT NISSI | DESIGNS | GÄSTEBUCH | STATISTIK | LINK ME | PARTNER

Wenn ich momentan noch auf Newsblog oder sonst was bei mir klicke, dann kommt einfach nichts. Wie kann ich es aber machen, dass wenn ich z.B. auf "Über Nissi" klicke, dass was über mich da steht ??



Hier mein Code :
( Nicht auf www.thebigallianz.de.tl gehen, auf der Seite mach ich nichts ! Kopiert den Code einfach, fügt ihn im Editor ein und speicher es auf dem Desktop unter "Nissi.html" danach könnt ihr es anklicken und ihr seht das Design )
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" xml:lang="de" lang="de">
<head>
<title>Nissi's Homepage</title>
<meta name="description" content="Hier werden Designs angeboten" />
<meta name="keywords" Gibt es keine />
<meta name="author" content="Christoph Nisseler" />
<meta name="date" content="2010-2-20" />
<meta name="robots" content="noindex,nofollow" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>

<style type="text/css">
<!--

#seite1
{
margin: auto;
width: 1240px;
border: 1pt solid black;
background: white;
}

</style>

<style type="text/css">
<!--

#seite
{
margin: auto;
width: 1280px;
border: px solid black;
background: #D3D3D3;
-khtml-border-radius-bottomright: 8px;
-khtml-border-radius-bottomleft: 8px;
-khtml-border-radius-topright: 8px;
-khtml-border-radius-topleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
}

</style>

<style type="text/css">
<!--
body{margin-top: 250px !important;}
-->
</style>



<style type="text/css">
<!--

#Menu
{
width: 800px;
margin: auto;
padding: 2pt 10pt;
border: 1.5pt solid black;
background: #4297ea;
font: bold 10pt arial, sans-serif;
font variant: small-caps;
letter-spacing: 1pt;
text-align: center;
-khtml-border-radius-bottomright: 5px;
-khtml-border-radius-bottomleft: 5px;
-khtml-border-radius-topright: 1px;
-khtml-border-radius-topleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
}

#Menu a
{
color: yellow;
text-decoration : none;
margin-left: 5pt, fixed;
margin-right: 5pt, fixed;
padding: 2pt 2pt;
}

#Menu a:hover
{
color: black;
text-decoration: none;
background: #4297ea;
padding: 2pt 2pt;
}

</style>


<div id="Menu">
<a href ="www.MeineSeite.de/Startseite.htm">STARTSEITE</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/Newsblog.htm">NEWSBLOG</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/About Nissi.htm">ABOUT NISSI</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/Designs.htm">DESIGNS</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/G.ae.stebuch.htm">GÄSTEBUCH</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/Statistik.htm">STATISTIK</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/Link Me.htm">LINK ME</a><img src="http://img175.imageshack.us/img175/483/menutrenn.png" style="vertical-align: middle;">
<a href ="www.MeineSeite.de/Partner.htm">PARTNER</a>
</div>
 
<div id="seite">
<br />
<div id="seite1">

<div>Hallo, wie geht es dir ?? Ich heiße Christoph Nisseler und bin 16 Jahre alt.</div>

</div>
<br />
</div>
</table>
</body>
</html
Beitrag06.03.2010 um 16:23 (UTC)    
Titel: Video

Servus,
ich hab jetzt mal ein kleines Video erstellt.
Wenn mir jemand helfen möchte, dem würde ich das Video schicken und ich denke er versteht mein Problem dann leichter Wink

Einfach ne PN mit eurer e-mail adresse an mich und ich schick euch des Video zu.

gr. chris

PS. Das ist wirklich ein total simples problem, aber ich bin ein Neuling im CSS bereich, deshalb kann ich das noch nicht.
Beitrag06.03.2010 um 16:24 (UTC)    
Titel:

lade es doch bei youtube hoch und poste den link, dann sparst du dir auch etwas arbeit. kannst es später ja wieder löschen.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de