Hogyan kellene ebből a menü dobozból kettőt csinálni úgy hogy egymás mellet legyenek? Egy már meg van de a másikat hogyan kell? Kód lenn
<html>
<head>
</head>
<body>
<div id="lenyilo_doboz" style="overflow: hidden; position: absolute; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;"><!-- HTML & CSS by srmark -->
<div style="font-size:18px;padding-left:3px;"><a href=http://google.hu>Modellek</a> <span style="font-size: 18px !important; position: absolute; top: 0px; right: 2px;"></span></div>
</body>
</html>
Ez tiszta káosz, mondd el mit szeretnél és használd azt amit adunk.
MenüPONTOKat akarsz egymás mellé rakni?
Igen! Olyat ami ott van és nem káosz hanem nagyon is jó!
De kösz hogy irtál!
inkább ebből indulj ki, a css-re ráfér a csinosítgatás, de azért odébb van a tiedtől
ha ugyan ebbe a dobozba szeretnél több menüpontot akkor: <html>
<head>
</head>
<body>
<div id="lenyilo_doboz" style="overflow: hidden; position: absolute; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;"><!-- HTML & CSS by srmark -->
<div style="font-size:18px;padding-left:3px;">
<a href=http://google.hu>Modellek</a>
<a href=http://google.hu>Modellek2</a>
<span style="font-size: 18px !important; position: absolute; top: 0px; right: 2px;"></span></div>
</body>
</html>
Ha pedig egymás mellé szeretnéd helyezni ahhoz picit át kell írni (egyébként meg olyan káosz, hogy az gészet át kéne...)
<html>
<head>
</head>
<body>
<div id="lenyilo_doboz" style="width: 85px; overflow: hidden;float:left; position: relative; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;font-size:18px;padding-left:3px;"> <a href=http://google.hu>Modellek1</a>
</div>
<div id="lenyilo_doboz" style="width: 86px;left:-2px; overflow: hidden; position: relative;float:left; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;font-size:18px;padding-left:3px;"> <a href=http://google.hu>Modellek2</a>
</div>
<div id="lenyilo_doboz" style="width: 86px;left:-4px; overflow: hidden; position: relative;float:left; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;font-size:18px;padding-left:3px;"> <a href=http://google.hu>Modellek3</a>
</div>
<div id="lenyilo_doboz" style="width: 86px;left:-6px; overflow: hidden; position: relative;float:left; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;font-size:18px;padding-left:3px;"> <a href=http://google.hu>Modellek4</a>
</div>
<div id="lenyilo_doboz" style="width: 86px;left:-8px; overflow: hidden; position: relative;float:left; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;font-size:18px;padding-left:3px;"> <a href=http://google.hu>Modellek5</a>
</div>
</body>
</html>
itt a width: 85px(vagy 86px) amit írtam az a doboz szélessége lesz. Ezt add meg fixen a szöveghez igazítva ha újabb cellát akarsz akkor pedig a left: -2,-4,-6,-8... után -10,-12.... értelem szerűen mindig még kettővel csökkentsd az értéket különben csúnya nagyon vastag a vonal mivel egymás mellett van. Ha ez a cél akkor pedig csak töröld ki. Ha úgy szeretnéd egymás mellett, hogy kis hézag is legyen akkor:
a left értéket kell változtatnod így:
<html>
<head>
</head>
<body>
<div id="lenyilo_doboz" style="width: 85px; overflow: hidden;float:left; position: relative; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;font-size:18px;padding-left:3px;"> <a href=http://google.hu>Modellek1</a>
</div>
<div id="lenyilo_doboz" style="width: 86px;left:1px; overflow: hidden; position: relative;float:left; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;font-size:18px;padding-left:3px;"> <a href=http://google.hu>Modellek2</a>
</div>
<div id="lenyilo_doboz" style="width: 86px;left:2px; overflow: hidden; position: relative;float:left; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;font-size:18px;padding-left:3px;"> <a href=http://google.hu>Modellek3</a>
</div>
<div id="lenyilo_doboz" style="width: 86px;left:3px; overflow: hidden; position: relative;float:left; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;font-size:18px;padding-left:3px;"> <a href=http://google.hu>Modellek4</a>
</div>
<div id="lenyilo_doboz" style="width: 86px;left:4px; overflow: hidden; position: relative;float:left; border: 2px solid #000000; background: #FFFFFF url(); color: #0000FF; font-family: Comic Sans MS; cursor: default;font-size:18px;padding-left:3px;"> <a href=http://google.hu>Modellek5</a>
</div>
</body>
</html>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!