Más széleség firefox google alat miota overflow: auto
2017-06-12T19:05:06+02:00
2017-06-14T09:15:56+02:00
2022-08-10T17:00:29+02:00
VESTEL
Sexy Drop Down Menu tuning hiba ?

firefox és google széleség változik és nem fix itt lehet a baj

<ul class="subnav" style="width: auto !important; height: 230px; margin:0 auto !important; overflow-x: hidden; overflow-x: auto !important;">

de nincs is középen balra torodik
<!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="hu" lang="hu">

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Sexy Drop Down Menu Tutorial by</title>
<script src="http://users2.ml.mindenkilapja.hu/users/vestel/uploads/scrolltopcontrol_lap_teteje_re.js" type="text/javascript"></script>
<script type="text/javascript" src="http://users2.ml.mindenkilapja.hu/users/vestel/uploads/jquery-l.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav

$("ul.topnav li span").click(function() { //When trigger is clicked...

//Following events are applied to the subnav itself (moving subnav up and down)
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

$(this).parent().hover(function() {
}, function(){
$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
});

//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
$(this).addClass("subhover"); //On hover over, add class "subhover"
}, function(){ //On Hover Out
$(this).removeClass("subhover"); //On hover out, remove class "subhover"
});

});


</script>

<script>function clock() {// We create a new Date object and assign it to a variable called "time".
var time = new Date(),

// Access the "getHours" method on the Date object with the dot accessor.
hours = time.getHours(),

// Access the "getMinutes" method with the dot accessor.
minutes = time.getMinutes(),


seconds = time.getSeconds();

document.querySelectorAll('.clock')[0].innerHTML = harold(hours) + ":" + harold(minutes) + ":" + harold(seconds);

function harold(standIn) {
if (standIn < 10) {
standIn = '0' + standIn
}
return standIn;
}
}
setInterval(clock, 1000);
</script>



<script type="text/javascript">
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}

function getActiveStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
}
return null;
}

function getPreferredStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("rel").indexOf("alt") == -1
&& a.getAttribute("title")
) return a.getAttribute("title");
}
return null;
}

function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca;
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

window.onload = function(e) {
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
}

window.onunload = function(e) {
var title = getActiveStyleSheet();
createCookie("style", title, 365);
}

var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);

</script>
<style type="text/css">
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{font-family: Courier New !important;}
html body {margin: 0; padding: 0;font: 10px normal Arial, Helvetica, sans-serif;background: #ddd url(http://www.htmldrive.net/edit_media/2010/201007/20100713/Sexy%20Drop..) repeat-x;}

.container {width: 960px;margin: 0 auto;position: relative;}

div#header {background: url(http://users2.ml.mindenkilapja.hu/users/vestel/uploads/header_b.gif) no-repeat center top; padding-top: 120px;}
div#header .disclaimer {color: #999;padding: 100px 0 7px 0;text-align: right;display: block;position: absolute;top: 0; right: 0;}
div#header .disclaimer a {color: #ccc;}
ul.topnav {
list-style: none;
padding: 0 20px;
margin: 0;
float: left;
width: 920px;
background: #222;
font-size: 1.2em;
background: url(http://users2.ml.mindenkilapja.hu/users/vestel/uploads/topnav_b.gif) repeat-x;}

ul.topnav li {float: left;margin: 0; padding: 0 15px 0 0;position: relative; /*--Declare X and Y axis base--*/}
ul.topnav li a{padding: 10px 5px;color: #fff;display: block;text-decoration: none;float: left;}
ul.topnav li a:hover{background: url(/subnav_b.gif) no-repeat center top;/*--no-img--*/}
ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
height: 35px !important;
float: left;
background: url(http://users2.ml.mindenkilapja.hu/users/vestel/uploads/subnav_b.gif) no-repeat center top;}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;

-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #111;}

ul.topnav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #252525; /*--Create bevel effect--*/
border-bottom: 1px solid #444; /*--Create bevel effect--*/
clear: both;
width: 170px;}

html ul.topnav li ul.subnav li a {
float: left;
width: 145px;

background: #333 url(http://www.htmldrive.net/edit_media/2010/201007/20100713/Sexy%20Drop..) no-repeat 10px center;
padding-left: 20px;}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #222 url(HtmlDrive - Free Dhtml scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library) no-repeat 10px center; }

#header img {margin: 20px 0 10px;}

.clock { font-size: 1em;}/*--ora--*/
/* szoveg hater nine szöveg szin vátozás */
.emoji::-moz-selection {background: #222; color: #220500;font-family: Courier New !important;}
.emoji::selection {background: #222; color: #220500;font-family: Courier New !important;}
*::-moz-selection {background: none transparent; color: #220500;font-family: Courier New !important;}
*::selection {background: none transparent; color: #220500;font-family: Courier New !important;}
::-moz-selection {background: none transparent; color: #220500;font-family: Courier New !important;}
::selection {background: none transparent; color: #220500;font-family: Courier New !important;}

/* scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px;}
::-webkit-scrollbar-track { border-radius: 10px; background: rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb{ border-radius: 10px; background: rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:hover{background: rgba(0,0,0,0.4);}
::-webkit-scrollbar-thumb:active{background: rgba(0,0,0,.9);}

</style>

</head>

<body>
<div class="container">
<div id="header">
<div class="disclaimer"></div>
<ul class="topnav">
<li><a href="#">Home</a></li>
<li><a href="javascript://">Tutorials</a>
<ul class="subnav" style="width: auto !important; height: 230px; margin:0 auto !important; overflow-x: hidden; overflow: auto">
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">DEMO :D</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li>
<li><a href="#">????</a></li></ul></li>
<li><a href="#">megjelenés</a><ul class="subnav">
<li><a title="Magas kontrasztú változat" onclick="setActiveStyleSheet('Kontrasztos'); return false;" href="#">Magas kontrasztú változat</a></li>
<li><a title="Normál megjelenés" onclick="setActiveStyleSheet('Normál'); return false;" href="#">Alapértelmezett megjelenés</a></li></ul></li><li>
<a href="#">ora</a>
<ul class="subnav">
<li><a href="#">sub</a></li>
<li><a href="#">Sub Nav Link</a></li></ul></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="mailto:lipcsakdavid50@gmail.com">E-mail &#x25B2</a></li>
<li><a href="/"><div class="clock"></div></a></li>
<li>
<a href="javascript://">⚙️ Tutorials</a>
<ul class="subnav">
<li><a href="javascript://">h</a></li>
<li><a href="#">Sub Nav Link</a></li>
</ul>
<li><div class="search">
<input class="sr-only" id="siteSearchOpen" type="checkbox" />
<label class="search__label" for="siteSearchOpen" tabindex="1">
<code class="search__icn">
<code class="circle"></code>
<code class="line-1"></code>
</code>
</label>
<input class="search__input" id="siteSearch" placeholder="search..." type="search" />
<input class="search__go" value="go" type="submit" /></div></li></li></ul></div>
<p class="emoji" style="font-family: Courier New !important; font-size: 3.2em;">
TARTALOM</p>
</body>
</html>

<!-- This document saved from http://www.sohtanaka.com/web-design/examples/drop-down-menu/ -->

Mutasd a teljes hozzászólást!

  • Nem nagyon értem a kérdést, de ha a a google keresőre gondolsz, vedd ki a float leftelt li-ből és nem lesz balra igazítva.
    Mutasd a teljes hozzászólást!
  • 1. Forráskód gomb (balról 3.)...
    2. Nekem egy forma és egy formán működik Firefox és Chrome alatt is...
    3. Nem ártana tisztázni, pontosíteni és érthetőbbé tenni a problémád, azaz a megfogalmazását...
    Mutasd a teljes hozzászólást!
    Csatolt állomány
  • ha az google kereső egyáltalán.
    Tényleg nem értem mit szeretnél, egysorban a menüvel, vagy alatta középre tenni.
    Mutasd a teljes hozzászólást!
  • Kiegészítő megjegyzés:
    Nem ártana, ha a kódod vége így nézne ki...

    <p class="emoji" style="font-family: Courier New !important; font-size: 3.2em;"> TARTALOM</p> </div> </body> </html>
    A megjelenése pedig így a jobb láthatóság, érthetőség kedvéért  ->

    </head> <body> <div class="container"> <div id="header"> <div class="disclaimer"></div> <ul class="topnav"> <li><a href="#">Home</a></li> <li><a href="javascript://">Tutorials</a> <ul class="subnav" style="width: auto !important; height: 230px; margin:0 auto !important; overflow-x: hidden; overflow: auto"> <li><a href="#">????</a></li> <li><a href="#">????</a></li>
    Ja és ezt, vedd ki a menöből ->

    <div class="search"> <input class="sr-only" id="siteSearchOpen" type="checkbox" /> <label class="search__label" for="siteSearchOpen" tabindex="1"> <code class="search__icn"> <code class="circle"></code> <code class="line-1"></code> </code> </label> <input class="search__input" id="siteSearch" placeholder="search..." type="search" /> <input class="search__go" value="go" type="submit" /></div></li></li> </div>
    Mutasd a teljes hozzászólást!
  • Viszont ha a kereső a menüvel egysorba kellene, akkor -> és Jó Éjszakát!

    <!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="hu" lang="hu"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Sexy Drop Down Menu Tutorial by</title> <script src="http://users2.ml.mindenkilapja.hu/users/vestel/uploads/scrolltopcontrol_lap_teteje_re.js" type="text/javascript"></script> <script type="text/javascript" src="http://users2.ml.mindenkilapja.hu/users/vestel/uploads/jquery-l.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav $("ul.topnav li span").click(function() { //When trigger is clicked... //Following events are applied to the subnav itself (moving subnav up and down) $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click $(this).parent().hover(function() { }, function(){ $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up }); //Following events are applied to the trigger (Hover events for the trigger) }).hover(function() { $(this).addClass("subhover"); //On hover over, add class "subhover" }, function(){ //On Hover Out $(this).removeClass("subhover"); //On hover out, remove class "subhover" }); }); </script> <script>function clock() {// We create a new Date object and assign it to a variable called "time". var time = new Date(), // Access the "getHours" method on the Date object with the dot accessor. hours = time.getHours(), // Access the "getMinutes" method with the dot accessor. minutes = time.getMinutes(), seconds = time.getSeconds(); document.querySelectorAll('.clock')[0].innerHTML = harold(hours) + ":" + harold(minutes) + ":" + harold(seconds); function harold(standIn) { if (standIn < 10) { standIn = '0' + standIn } return standIn; } } setInterval(clock, 1000); </script> <script type="text/javascript"> function setActiveStyleSheet(title) { var i, a, main; for(i=0; (a = document.getElementsByTagName("link")); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } } } function getActiveStyleSheet() { var i, a; for(i=0; (a = document.getElementsByTagName("link")); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title"); } return null; } function getPreferredStyleSheet() { var i, a; for(i=0; (a = document.getElementsByTagName("link")); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("rel").indexOf("alt") == -1 && a.getAttribute("title") ) return a.getAttribute("title"); } return null; } function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } window.onload = function(e) { var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title); } window.onunload = function(e) { var title = getActiveStyleSheet(); createCookie("style", title, 365); } var cookie = readCookie("style"); var title = cookie ? cookie : getPreferredStyleSheet(); setActiveStyleSheet(title); </script> <style type="text/css"> html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {font-family: Courier New !important;} html body {margin: 0; padding: 0;font: 10px normal Arial, Helvetica, sans-serif;background: #ddd url(http://www.htmldrive.net/edit_media/2010/201007/20100713/Sexy%20Drop..) repeat-x;} .container {width: 960px;margin: 0 auto;position: relative;} div#header {background: url(http://users2.ml.mindenkilapja.hu/users/vestel/uploads/header_b.gif) no-repeat center top; padding-top: 120px;} div#header .disclaimer {color: #999;padding: 100px 0 7px 0;text-align: right;display: block;position: absolute;top: 0; right: 0;} div#header .disclaimer a {color: #ccc;} ul.topnav { list-style: none; padding: 0 20px; margin: 0; float: left; width: 920px; background: #222; font-size: 1.2em; background: url(http://users2.ml.mindenkilapja.hu/users/vestel/uploads/topnav_b.gif) repeat-x;} ul.topnav li {float: left;margin: 0; padding: 0 15px 0 0;position: relative; /*--Declare X and Y axis base--*/} ul.topnav li a{padding: 10px 5px;color: #fff;display: block;text-decoration: none;float: left;} ul.topnav li a:hover{background: url(/subnav_b.gif) no-repeat center top;/*--no-img--*/} ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 35px !important; float: left; background: url(http://users2.ml.mindenkilapja.hu/users/vestel/uploads/subnav_b.gif) no-repeat center top;} ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #111;} ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ /*clear: both;*/ width: 170px; } html ul.topnav li ul.subnav li a { float: left; width: 145px; background: #333 url(http://www.htmldrive.net/edit_media/2010/201007/20100713/Sexy%20Drop..) no-repeat 10px center; /*padding-left: 20px;*/ } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background: #222 url(HtmlDrive - Free Dhtml scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library) no-repeat 10px center; } #header img {margin: 20px 0 10px;} .clock { font-size: 1em;}/*--ora--*/ /* szoveg hater nine szöveg szin vátozás */ .emoji::-moz-selection {background: #222; color: #220500;font-family: Courier New !important;} .emoji::selection {background: #222; color: #220500;font-family: Courier New !important;} *::-moz-selection {background: none transparent; color: #220500;font-family: Courier New !important;} *::selection {background: none transparent; color: #220500;font-family: Courier New !important;} ::-moz-selection {background: none transparent; color: #220500;font-family: Courier New !important;} ::selection {background: none transparent; color: #220500;font-family: Courier New !important;} /* scrollbar */ ::-webkit-scrollbar { width: 6px; height: 6px;} ::-webkit-scrollbar-track { border-radius: 10px; background: rgba(0,0,0,0.1);} ::-webkit-scrollbar-thumb{ border-radius: 10px; background: rgba(0,0,0,0.2);} ::-webkit-scrollbar-thumb:hover{background: rgba(0,0,0,0.4);} ::-webkit-scrollbar-thumb:active{background: rgba(0,0,0,.9);} </style> </head> <body> <div class="container"> <div id="header"> <div class="disclaimer"></div> <ul class="topnav"> <li><a href="#">Home</a></li> <li><a href="javascript://">Tutorials</a> <ul class="subnav" style="width: auto !important; height: 230px; margin:0 auto !important; overflow: auto; "> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">DEMO :D</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> <li><a href="#">????</a></li> </ul> </li> <li><a href="#">megjelenés</a> <ul class="subnav"> <li><a title="Magas kontrasztú változat" onclick="setActiveStyleSheet('Kontrasztos'); return false;" href="#">Magas kontrasztú változat</a></li> <li><a title="Normál megjelenés" onclick="setActiveStyleSheet('Normál'); return false;" href="#">Alapértelmezett megjelenés</a></li> </ul> </li> <li><a href="#">ora</a> <ul class="subnav"> <li><a href="#">sub</a></li> <li><a href="#">Sub Nav Link</a></li> </ul> </li> <li><a href="#">About Us</a></li> <li><a href="#">Advertise</a></li> <li><a href="mailto:lipcsakdavid50@gmail.com">E-mail &#x25B2</a></li> <li><a href="/"><div class="clock"></div></a></li> <li><a href="javascript://">⚙️ Tutorials</a> <ul class="subnav"> <li><a href="javascript://">h</a></li> <li><a href="#">Sub Nav Link</a></li> </ul> </li> <li style="position:relative;"> <div class="search" style="position:absolute;right:-130px;top:5px;;width:150px;"> <input class="sr-only" id="siteSearchOpen" type="checkbox"> <label class="search__label" for="siteSearchOpen" tabindex="1"> <code class="search__icn"> <code class="circle"></code> <code class="line-1"></code> </code> </label> <input class="search__input" id="siteSearch" placeholder="search..." type="search" style="width:80px;"> <input class="search__go" value="go" type="submit"> </div> </li> </ul> <p class="emoji" style="font-family: Courier New !important; font-size: 3.2em;">TARTALOM</p> </div> </body> </html>
    Mutasd a teljes hozzászólást!
  • <ul class="subnav" style="width: auto !important; height: 230px; margin:0 auto !important; overflow: auto; ">

    subnav nem hejesen jelenik meg az oldalon mivel töbet is tartalmazna ezért tetem bele overflow és azota vízszintesen görgetösáv subnav alat meg jelenik fok alat opera alat tökéletes

    http://users2.ml.mindenkilapja.hu/users/vestel/uploads/Firefox.PNG alat hiba

    http://users2.ml.mindenkilapja.hu/users/vestel/uploads/opera.PNG tökéletesen megy
    Mutasd a teljes hozzászólást!
  • ...mivel töbet is tartalmazna ezért tetem bele...

    Gondolom almenüt...
    Szerintem egy menü elembe, ha sok az almenü, akkor használj "linkdoboz"-t  (a jobb oldalom a menü1 és menü3 esetében van ilyen) és ne görgetősávot...
    Mutasd a teljes hozzászólást!
  • Az első kódban még így szerepelt, ebben kétszer adtál meg értékat az overflow-x-nek

    width: auto !important; height: 230px; margin:0 auto !important; overflow-x: hidden; overflow-x: auto !important;
    ha ezt írod át : overflow-x hidden; overlow-y:auto-ra vagy csak az overflow-x:hiddent adod meg, akkor nem kellene, hogy legyen vízszintes görgetősáv.
    Mutasd a teljes hozzászólást!
  • A másik probléma a görgetősáv, úgy kellene formázni azt is, hogy minden böngészőben legalább a szélessége egyforma legyen
    Mutasd a teljes hozzászólást!
  • Esetleg...

    /* CSS */ ul.topnav li ul.doboz { width:260px; } ul.topnav li ul.doboz li.linkdoboz { width:260px; } ul.topnav li ul.doboz li.linkdoboz a{line-height:12px !important;height:12px !important; width:40px !important;padding:2px 5px 2px 15px;text-align:center; } <!-- HTML --> <li><a href="javascript://">Tutorials</a> <ul class="subnav doboz"> <li class="linkdoboz"> <a href="#">????-1</a> <a href="#">????-2</a> <a href="#">DEMO-1</a> <a href="#">????-3</a> <a href="#">????-4</a> <a href="#">????-5</a> <a href="#">????-6</a> <a href="#">????-7</a> <a href="#">????-8</a> <a href="#">????-9</a> <a href="#">????-10</a> <a href="#">????-11</a> <a href="#">????-12</a> <a href="#">????-13</a> <a href="#">????-14</a> <a href="#">????-15</a> <a href="#">????-16</a> <a href="#">????-17</a> <a href="#">????-18</a> <a href="#">????-19</a> <a href="#">????-20</a> <a href="#">????-21</a> <a href="#">????-22</a> </li> </ul> </li>
    Mutasd a teljes hozzászólást!
    Csatolt állomány

  • Valaki idétlenkedik vagy mi ez?
    Mutasd a teljes hozzászólást!
  • szia köszi szépen esetleg valami ötlet még
    Mutasd a teljes hozzászólást!

  • Mit köszönsz és mire kellene valami ötlet?
    Kérlek pontosítsd a kérdésed, ha a "2017.06.13. 08:01" kódom és a csatolt megjelenés képe nem a problémádat érinti...
    Megj: Előtte próbáld ki a most csatolt fájlt...
    Mutasd a teljes hozzászólást!
    Csatolt állomány
  • aszt köszöntem meg hogy segitetél és ara ötlet még hogy lehetne disziteni am pl 1edi legyen menü meg még kérdeznék töled ha lehet 
    Mutasd a teljes hozzászólást!
  • ara ötlet még hogy lehetne disziteni am pl 1edi legyen menü

    Szerintem kérdezz privát vagy tegyél fel egy új kérdést részletezve az 1edi kifejezést, mert ez már nem az eredeti kérdésedhez tartozna...
    Esetleg Társalgóben javaslat kérés az egyedi menüre, ha nem találsz kereséssel...
    Mutasd a teljes hozzászólást!
abcd