Kezdőoldal » Számítástechnika » Weblapkészítés » Hogyan kellene ebből a menü...

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

Figyelt kérdés

<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>



2012. dec. 14. 11:51
 1/8 anonim ***** válasza:

Ez tiszta káosz, mondd el mit szeretnél és használd azt amit adunk.


MenüPONTOKat akarsz egymás mellé rakni?

2012. dec. 14. 11:57
Hasznos számodra ez a válasz?
 2/8 A kérdező kommentje:

Igen! Olyat ami ott van és nem káosz hanem nagyon is jó!

De kösz hogy irtál!

2012. dec. 14. 12:10
 3/8 anonim ***** válasza:

[link]

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

2012. dec. 14. 12:36
Hasznos számodra ez a válasz?
 4/8 anonim ***** válasza:
montit támogatom (én megpróbáltam a tiedét átalakítani, de feladtam :))
2012. dec. 14. 12:45
Hasznos számodra ez a válasz?
 5/8 anonim ***** válasza:
továbbá javaslom ezt az oldalt, rengeteg jó script, ötlet van rajt [link]
2012. dec. 14. 12:49
Hasznos számodra ez a válasz?
 6/8 A kérdező kommentje:
Gyerekek akkor ma a válasz adás el marad? Nem arra voltam kíváncsi hogy milyen rossz a kódom meg stb!! Tudom hogy rossz!!! Azé írok ide! Na mind1 kösz! Ja és legközelebb ne add fel! :S :D
2012. dec. 14. 13:04
 7/8 anonim ***** válasza:
komolyan írtam, hogy megpróbáltam és elakadtam ... a linket meg azért adtam, mert ilyenkor szoktam én is felkeresni azt az oldalt kész megoldásért (miért küzdjek olyannal amit más már profin megoldott?)
2012. dec. 14. 13:07
Hasznos számodra ez a válasz?
 8/8 anonim ***** válasza:

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>

2012. dec. 16. 06:21
Hasznos számodra ez a válasz?

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!