Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.09.2013 um 11:38 (UTC)    
Titel: [erledigt] Design Flexible - Header und Menü

Hallo ihr Lieben,

im Forum ist ja leider noch nichts wirklich zum Thema "Codes im Design Flexible" zu finden, daher hoffe ich mal, dass ich jemanden finde, der mir bei meinem Problem behilflich ist.

Und zwar folgendes:

Ich möchte zum einen das Menü "runterschieben" - also so, dass die einzelnen Menüpunkte nicht mehr da oben stehen, sondern am unteren Rand des Headers.

Und dann noch die Frage, ob ich die Schärfe des Headers auch irgendwie per Code einstellen kann?? Das was ich dazu im Forum gefunden hab, war nicht das, was ich wollte Very Happy

Hier noch ein Ausschnitt aus dem Code meiner Page. Wäre nett, wenn mir einer sagen könnte, wo genau ich was ändern muss Smile

Zitat:
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>seelenglanz - Home</title>
<meta name="description" content="DESCRIPTION">
<meta http-equiv="cleartype" content="on">
<meta name="msapplication-TileColor" content="#222222">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://theme.webme.com/designs/flexible/css/style.css">
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.seelenglanz.de.tl/" >
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2594508-8']);
_gaq.push (['_gat._anonymizeIp']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<style type="text/css">
.header {
background-image: url('http://img.webme.com/pic/s/seelenglanz/p120413_15_neu1.jpg');
}

body {
background-image: url('http://img.webme.com/pic/s/seelenglanz/unbenannt.bmp');
}

.container {
background-color: #E4CCCC;
}

.container,
.container td {
color: #000000;
}
.nav > ul {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0);
}

.nav a,
.nav a:visited {
color: #8A8989;
}

.nav > ul > li > ul > li {
background: #D8BFBF;
}

.header {
height: 170px;
}

.title {
color: #0A0101;
}
.content {
width: 1024px;
}
.widgets {
width: 0px;
}
</style>
</head>
<style type="text/css"> <!--

</style>
<body>

<div class="containerMain">
<div class="top">
<center>
<style type="text/css">
#ad-cfcd br {
display: none;
}
</style>
<table height="102" id="ad-cfcd">
<tr>
<td height="102">
<br /><a href="https://ssl.homepage-baukasten.de/de/Premium/"><img style="border: 1px solid #cccccc;" title="Nervt Sie diese Werbung? Dann schalten Sie sie ab! Für nur 2,90&euro; im Monat" alt="Nervt Sie diese Werbung? Dann schalten Sie sie ab! Für nur 2,90&euro; im Monat" src="http://wtheme.webme.com/img/ads/de/werbefrei.gif" /></a>
</td>
</tr>
</table>
</center>
</div>

<div class="container">

<header class="header">
<h1 class="title"></h1>

<nav class="nav clearfix">
<ul>

<li id="checked_menu"><a href="/Home.htm">Home</a>

</li>

<li><a href="/-Ue-ber-mich.htm">Über mich</a>

</li>

<li><a href="/Titel-.htm">Titel </a>

</li>

<li class="navWithSubpages"><a href="/Fotografie.htm">Fotografie</a>

<ul>

<li><a href="/Vor-der-Kamera.htm">Vor der Kamera</a></li>

<li><a href="/Hinter-der-Kamera.htm">Hinter der Kamera</a></li>

</ul>

</li>

<li><a href="/Sehenswertes.htm">Sehenswertes</a>

</li>

<li><a href="/G.ae.stebuch.htm">Gästebuch</a>

</li>

<li><a href="/Kontakt.htm">Kontakt</a>

</li>

<li><a href="/Impressum.htm">Impressum</a>

</li>
</ul>
</nav>
<div id="likeButton" align="right">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fseelenglanz.de.tl&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=339062219495910" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe> </div>


Lieben Gruß,
Tine

Edit by MatsK: BB-Codes eingefügt.


Zuletzt bearbeitet von seelenglanz am 09.09.2013, 05:59, insgesamt 2-mal bearbeitet
Beitrag08.09.2013 um 12:24 (UTC)    
Titel:

Code:
.nav ul {
  margin-top: XXpx; }


Versuchs mal damit. XX musst selbst anpassen.
______________
Beitrag08.09.2013 um 12:36 (UTC)    
Titel:

Hat geklappt Smile Dankeschön Smile

Allerdings hab ich jetzt das Problem, wenn ich über den Punkt "Fotografie" fahre, dass das Feld mit den Unterpunkten weit unten erscheint und nicht direkt unter dem Wort "Fotografie", sodass sich die Unterpunkte auch gar nicht mehr anklicken lassen Sad Kann ich das auch noch irgendwie ändern??

EDIT: Wenn ich die Navi wieder hoch schiebe, gehen die Unterpunkte auch automatisch wieder mit hoch und lassen sich dann anklicken. Schiebe ich es wieder runter, selbes Problem wie oben beschrieben.


Zuletzt bearbeitet von seelenglanz am 08.09.2013, 15:46, insgesamt 2-mal bearbeitet
Beitrag08.09.2013 um 16:26 (UTC)    
Titel:

Du musst die Unterseiten auch noch hoch schieben Wink

Code:
.nav > ul > li > ul > li {
  margin-bottom: XXpx; }


Sollte dann eigentlich wieder funktionieren Wink
______________


Zuletzt bearbeitet von daneroo am 08.09.2013, 17:30, insgesamt 2-mal bearbeitet
Beitrag08.09.2013 um 17:16 (UTC)    
Titel:

Für alle, die evtl das selbe Problem haben...hier der Code, mit dem es bei mir letztendlich funktioniert hat, wie es sollte (mit dem Menü):

.nav > ul {
margin-top: 125px;
font-size: 12px !important;
border-radius: 5px 5px 5px 5px;
padding: 0px 5px 0px 0px;
text-transform: none !important; }

.nav > ul > li > ul > li {
color: white;
font-size: 12px !important;
width: 190px; }


Dankeschön an daneroo dafür Smile
Beiträge der letzten Zeit anzeigen:   


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