[CSS/HTML] 2 Code Probleme

MnX · 6. Juli 2016

Moin zusammen,
ich hab ein design für eine Selbsthilfegruppe in der nähe gemacht und hab 2.Probleme wo ich aktuell nicht die lösung finde.

Problem 1: Die Linke Box Reihe steht mit der Mittleren normal auf einer höhe nur die Rechte ist versetzt zu den anderen beiden
Problem 2: Das DropdownMenü will nicht so ganz wie ich will, wenn ich mit der Maus rüber gehe drop es für ne kurze zeit runter aber man kann nicht wirklich was auswählen.

CSS Code

Spoiler anzeigen

CSS

@charset "utf-8";
body {
	background: url(http://print24.com/de/blog/wp-content/uploads/2011/02/text-effekt1-a.jpg);
	background-position: top, center;
	background-color: #d5d5d5;
}


#Container
{
	min-width: 920px;
	max-width: 1200px;
	Background-Color: #ececec;
	margin: 0 auto;
	border: Black solid 1px;
}


#Header
{
	Height: 300px;
	background-image:url(header.jpg);
	background:position: top, center;
}


#Menu
{
	background-image: linear-gradient(to bottom, rgba(247, 172, 74, 1), rgba(225, 132, 9, 1));
	background-repeat: no-repeat;
	height: 50px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:14px;
}


#Content_Container
{
	min-width: 920px;
	max-width: 1200px;
}


#Content_middle
{
    min-width: 600px;
	max-width: 500px;
    float: left;
	height: 50%;
	background-color: #fce2bf;
	border-left: 1px black solid;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
}


#Content_left
{
	min-width: 300px;
	max-width: 300px;
	float: left;
    clear: none;
}


#Content_right
{
	min-width: 300px;
	max-width: 300px;
    float: right;
    clear: none;
}


.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


#footer
{
	margin-top: 10px;
	border-top: 1px solid black;
	height: 30px;
	background-image: linear-gradient(to bottom, rgba(247, 172, 74, 1), rgba(225, 132, 9, 1));
}


#Menu ul {
  list-style-type:none;
  list-style-image:none;
  text-align: center;
  padding:0px;
  position:absolute; }
#Menu ul ul {margin-top: 20px;}


#Menu li.topmenu {
  float:left;
}


.topmenu a {
  float:left;
  width:110px;
  text-align:center;
}


.topmenu ul{
  display:none;
}


.topmenu a, .submenu a{
  padding:1px 5px;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  margin:0px; 
}


.submenu a{
  font-size:12px;
  width:110px;
  background-color:#b2b2b1;
  clear:both; /* special IE6 */
}




#Menu a:hover, .topmenu.on a {
  color:#000000;
  background-color:#a1a1a1 !important;
}


.topmenu:hover ul {
  display:block;  
  z-index:500;
}

Alles anzeigen

HTML Code

Spoiler anzeigen

H4rd_B4se · 6. Juli 2016

Mach beim content_right auch float:left;

MnX · 6. Juli 2016

Zitat von H4rd_B4se

Mach beim content_right auch float:left;

Verschiebt sich zu der Linken box dann

Edgar · 6. Juli 2016

Das mit der Box-Reihe liegt daran, dass die mittlere Box links und rechts einen Border hat, entweder diesen entfernen oder die max-width von deinem Container erhöhen.

Bei den Menüs habe ich kein Problem die Menüpunkte anzuklicken.

MnX · 6. Juli 2016

Zitat von Cireyses

Das mit der Box-Reihe liegt daran, dass die mittlere Box links und rechts einen Border hat, entweder diesen entfernen oder die max-width von deinem Container erhöhen.

Bei den Menüs habe ich kein Problem die Menüpunkte anzuklicken.

Bei mir sind die nur kurz da komisch muss ich mal Testen lassen xD

und danke es hat geklappt allein das ich nicht drauf gekommen bin die borders sind ja auch pixel xD

EDIT: bei mir kann ich die menupunkte rüber sobald ich aber runter gehe ist sie weg

Edgar · 6. Juli 2016

Ich würde dir empfehlen mit Javascript (bzw. JQuery) zu arbeiten, dass wäre damit viel einfacher.

MnX · 6. Juli 2016

Zitat von Cireyses

Ich würde dir empfehlen mit Javascript (bzw. JQuery) zu arbeiten, dass wäre damit viel einfacher.

Ich beherrsche leider sowas nicht

Fallst du da Links Tutorials oder sogar Tutorial für solche DropDown Menü hast wäre ich dir denkbar

Edgar · 6. Juli 2016

Grade nicht zur Hand. Jquery verinfacht dir zumindest die Arbeit mit Javascript. Im Allgemeinem kannst du grundsätzlich immer nach "jquery [Hier dein Suchwort einsetzen]" suchen. Da gibt es immer Leute die entweder selber
nach so etwas gefragt haben oder sogar gezeigt haben. Ansonsten können die hier die Leute auch gerne helfen.

MnX · 6. Juli 2016

Zitat von Cireyses

Grade nicht zur Hand. Jquery verinfacht dir zumindest die Arbeit mit Javascript. Im Allgemeinem kannst du grundsätzlich immer nach "jquery [Hier dein Suchwort einsetzen]" suchen. Da gibt es immer Leute die entweder selber
nach so etwas gefragt haben oder sogar gezeigt haben. Ansonsten können die hier die Leute auch gerne helfen.

OK Ich danke dir

[CSS/HTML] 2 Code Probleme

breadfish.de 12. März 2022

Ähnliche Themen

[SAMMELTHREAD] Kleine Scripting Fragen

[Hilfe] Server ERRORS

SAMP Crasht :/

Probleme mit PHP-Script in HTML-Datei.

[SQL/PHP] Statt +x wird +x*5 ausgeführt (Profis gefragt)