Gegen Bilderklau - Das Original | Druckvorschau: Gewellter schriftaufbau in der Navigation

Geschrieben von Sasii am 04.08.2009 um 13:27:

Gewellter schriftaufbau in der Navigation

Hey,

ich habe das Design von morgan girl (nochmal vielen dank smile

) selbst gecodet und dann auch eingebaut.
Hat auch alles geklappt,ist mit kleinen änderungen und tipps auch so geworden wie ich wollte.

Nun hab ich ein 'Schönheitsproblem'.
Das menü ist nicht grade sondern 'gewellt' und da sieht es irgendwie doof aus wenn die Schrift reihe nach reihe grade runter geht.
Kann man da nicht irgendwie auch versetzt die schrift reinstellen?

Dazu muss ich sagen,wenn das geht bitte etwas ausführlicher erklären,ich bin nämlich völlig neu im Gebit html,php,css..xD

lg

Geschrieben von Morgan Girl am 04.08.2009 um 13:46:

Morgan Girl bitte großes Grinsen

ich würde die Schrift rechtsbündig machen, dann ist es paralell zu der kante rechts Augenzwinkern

Geschrieben von Sasii am 04.08.2009 um 14:24:

öhm..upsala xD sorry.Hatte mich da ja voll vertan ._.

rechtsbündig?
Klär mich auf,ich bin da noch garnicht erfahren in dem gebiet xD

Geschrieben von Perpetual am 04.08.2009 um 14:29:

Wie wuerde dir denn eine Navigation gefallen, wie sie hier zu sehen ist.
(Layout ist von Shizoo, nur als Beispiel)

Also eben diese Balken, in denen die Menuepunkte drinstehen.
Die Balken koennte man dann je nach Wunsch anpassen (Farbe, Laenge, etc.) und dann haettest du diese 'Welle' nicht mehr drin. smile

Geschrieben von Sasii am 04.08.2009 um 14:34:

Nein,das gefällt mir nicht so.
Ich mag die navi wie sie mit den wellen ist ja schon,aber das sieht halt mit der schrift da doof aus dann wenn sie grade runter ist xD also so lassen will ich die navi schon.
Weiß halt nur nicht ob man da mit html oder so nicht ein wenig tricksen kann?

Geschrieben von Sidney am 04.08.2009 um 14:42:

Hallo Sasii.
Rechts/linksbündig ist eine Textformatierung die man via HTML bzw. css erreichen kann. Jeder Text ist vorformatiert linksbündig. Das schaut dann so aus, wie die Texte bei GB. Wenn du aber rechtsbündig haben willst, dann schaut das so aus.

Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

So würde das dann aussehen.
im Html-Code wird ein rechtsbüdiniger Text via definiert. Gibt glaub auch noch andere. Aber die fallen mir auf die Schnelle net ein. Ob das mit der vereinfachung <right></right> auch geht, weiß ich nicht.

Geschrieben von Sasii am 04.08.2009 um 15:08:

Okaydas hab ich verstanden smile

Könntest du mir ´viellt. noch genau erklären wo der code da genau hinmuss??

Geschrieben von Perpetual am 04.08.2009 um 15:30:

 muss vor den ganzen Text, den du rechtsbuendig haben moechtest. und muss nach den ganzen Text, den du rechtsbuendig haben moechtest.

 und muessen den Text, der rechtsbuendig sein soll also umschliessen.

Geschrieben von Sasii am 04.08.2009 um 15:45:

iwie klappt das nicht.
Ich bin ja bei oyla,und da ist ja nicht der 'text' der da steht sondern nur start navigation,dann eben width,hight etc und dann end navigation.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:

<!-- Start Grundcode by www.oylahomepagehilfe.de -->
<html>
<head>
<title>%titel%</title> 
<style type="text/css">
<!--
body {
scrollbar-face-color: #E5E5E5;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration:none;
}
a:visited {color: #000000;
text-decoration:none;
}
a:active {color: #000000;
text-decoration:none;
}
a:hover {color: #000000;
text-decoration:none;
}
-->
</style>
</head>

<body bgcolor="#ffffff" topmargin="0" leftmargin="0">

<!-- Start Design -->
<img border="0" src="http://www.oyla.de/userdaten/98038259/bilder/desi.png" scroll="no" bgproperties="fixed"
align ="left" style ="position: absolute; top: 0; left: 0">
<!-- End Design -->

<!-- Start Content -->
<div style="overflow: auto; position: absolute; width: 606px; height: 395px; left: 87px; top: 319px">
<span style="font-family:Arial; font-size:13px; color:#000000;">%content%</span>
</div>
<!-- End Content -->

<p align="right">
<!-- Start Navigation -->
<div style="overflow: auto; position: absolute; width: 154px; height: 677px; right: 15px; top: 93px">
<span style="font-family:Arial; font-size:16px; color:#000000;">%navigation_v%</div>
<!-- End Navigation --> </p>  

</body>
</html>
<!-- End Grundcode by www.oylahomepagehilfe.de -->

so sieht der code aus.
und da bei start navigation hab ichs eingefügt.Falsch?

Geschrieben von Morgan Girl am 04.08.2009 um 15:51:

war gar nicht so falsch, habs dir mal richtig hingedreht (mit CSS) in Zeile 48 das "text-align: right;" das kannst du auch in left oder center umändern.

hab bei dier gelegenheit auch grd noch ne hintergrundfarbe reingemacht xD

schau mal bitte ob es geht. hab leider den grund für das verschobene menü auch nciht gefunden...

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:

<!-- Start Grundcode by www.oylahomepagehilfe.de -->
<html>
<head>
<title>Hof Cinnemont</title> 
<style type="text/css">
<!--
body {
scrollbar-face-color: #E5E5E5;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration:none;
}
a:visited {color: #000000;
text-decoration:none;
}
a:active {color: #000000;
text-decoration:none;
}
a:hover {color: #000000;
text-decoration:none;
}
-->
</style>
</head>

<body bgcolor="#9A9A9A" topmargin="0" leftmargin="0">

<!-- Start Design -->
<img border="0" src="http://www.oyla.de/userdaten/98038259/bilder/desi.png" scroll="no" bgproperties="fixed"
align ="left" style ="position: absolute; top: 0; left: 0">
<!-- End Design -->

<!-- Start Content -->
<div style="overflow: auto; position: absolute; width: 606px; height: 395px; left: 87px; top: 319px">
<span style="font-family:Arial; font-size:13px; color:#000000;">%content%</span>
</div>
<!-- End Content -->

<!-- Start Navigation -->
<div style="overflow: auto; position: absolute; width: 154px; height: 677px; right: 15px; top: 93px">
<span style="font-family:Arial; font-size:16px; color:#000000; text-align: right;">%navigation_v%</div>
<!-- End Navigation -->

</body>
</html>
<!-- End Grundcode by www.oylahomepagehilfe.de -->