Click here to Skip to main content
15,886,919 members
Home / Discussions / Web Development
   

Web Development

 
QuestionHelp with SQLSTATE[HY000] Please Pin
Jassim Rahma18-May-16 2:42
Jassim Rahma18-May-16 2:42 
AnswerRe: Help with SQLSTATE[HY000] Please Pin
Richard Deeming18-May-16 5:12
mveRichard Deeming18-May-16 5:12 
GeneralRe: Help with SQLSTATE[HY000] Please Pin
Jassim Rahma18-May-16 7:35
Jassim Rahma18-May-16 7:35 
QuestionProblem installing curl for Apache and PHP (Required to use moodle) Pin
adkPrasanna16-May-16 22:41
adkPrasanna16-May-16 22:41 
SuggestionRe: Problem installing curl for Apache and PHP (Required to use moodle) Pin
Richard Deeming17-May-16 1:24
mveRichard Deeming17-May-16 1:24 
AnswerRe: Problem installing curl for Apache and PHP (Required to use moodle) Pin
Richard MacCutchan17-May-16 2:56
mveRichard MacCutchan17-May-16 2:56 
GeneralRe: Problem installing curl for Apache and PHP (Required to use moodle) Pin
adkPrasanna17-May-16 6:08
adkPrasanna17-May-16 6:08 
QuestionTab Control Pin
Ali Al Omairi(Abu AlHassan)16-May-16 21:36
professionalAli Al Omairi(Abu AlHassan)16-May-16 21:36 
Guys;
I have created this control to present a tab page control
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Tab Control</title>
    <style type="text/css">
        .tabcontrol {
            list-style:none;
            padding: 8px;
            margin:3px;
            background-color:lightgray;
            position:relative;
        }
        .tabcontrol>li {
            float:left;
            margin-right:4px;
        }
        .tabcontrol>li>span {
            display:inline-block;
            background-color:gray;
            margin:0;
            padding:3px;
            border:solid 1px silver;
            cursor:pointer;
        }
        .tabcontrol>li>span:hover {
            background-color:lightgray;
        }
        .tabcontrol>li.selected>span {
            background-color:#fff;
            font-weight:bold;
        }
        .tabcontrol>li>ul {
            display:none;
            left:0;
            right:0;
            position:absolute;
            background-color:#fff;
            border:solid 1px silver;
            margin: 0 8px;
            padding:4px;
            list-style:none;
        }
        .tabcontrol>li.selected>ul {
            display:block;
        }
        .tabcontrol>li>ul>li {
            float:left;
            width:100px;
            height:100px;
            background-color:blue;
            color:#fff;
            margin:5px;
            padding:2px;
            text-align:center;
        }
    </style>
</head>
<body>
    <ul class="tabcontrol" style="height:154px;">
        <li>
            <span>Tab page 1</span>
            <ul>
                <li>Box 1.1</li>
                <li>Box 1.2.</li>
                <li>Box 1.3.</li>
            </ul>
        </li>
        <li class="selected">
            <span>Tab page 2</span>
            <ul>
                <li>Box 2.1.</li>
                <li>Box 2.2.</li>
                <li>Box 2.3.</li>
            </ul>
        </li>
        <li>
            <span>Tab page 3</span>
            <ul>
                <li>Box 3.1.</li>
                <li>Box 3.2.</li>
                <li>Box 3.3.</li>
            </ul>
        </li>
    </ul>
</body>
</html>



My problem is in the height of the container list (.tabcontrol), is there another option better then manipulating it with javascript?
Help people,so poeple can help you.


modified 17-May-16 4:25am.

AnswerRe: Tab Control Pin
Richard Deeming17-May-16 1:23
mveRichard Deeming17-May-16 1:23 
GeneralRe: Tab Control Pin
Ali Al Omairi(Abu AlHassan)17-May-16 5:23
professionalAli Al Omairi(Abu AlHassan)17-May-16 5:23 
GeneralRe: Tab Control Pin
Richard Deeming17-May-16 5:39
mveRichard Deeming17-May-16 5:39 
GeneralRe: Tab Control Pin
Ali Al Omairi(Abu AlHassan)17-May-16 6:17
professionalAli Al Omairi(Abu AlHassan)17-May-16 6:17 
GeneralRe: Tab Control Pin
Richard Deeming17-May-16 6:52
mveRichard Deeming17-May-16 6:52 
Questionfacebook sharing Pin
Priyanka Kolambe16-May-16 21:01
Priyanka Kolambe16-May-16 21:01 
Questionglassfish alternatedocroot error 404 Pin
V.12-May-16 23:28
professionalV.12-May-16 23:28 
QuestionHow To Get Markup Of Page Using Chrome DevTools Pin
MadDashCoder12-May-16 0:05
MadDashCoder12-May-16 0:05 
AnswerRe: How To Get Markup Of Page Using Chrome DevTools Pin
Ali Al Omairi(Abu AlHassan)16-May-16 21:56
professionalAli Al Omairi(Abu AlHassan)16-May-16 21:56 
QuestionBest method to automate website filling in Google Chrome Pin
srikrishnathanthri9-May-16 2:07
srikrishnathanthri9-May-16 2:07 
QuestionWhat / how are these people trying to hack my site? Pin
Wombaticus7-May-16 4:34
Wombaticus7-May-16 4:34 
AnswerRe: What / how are these people trying to hack my site? Pin
DaveAuld7-May-16 5:27
professionalDaveAuld7-May-16 5:27 
QuestionCan any one answer this question Pin
Member 125083947-May-16 0:16
Member 125083947-May-16 0:16 
AnswerRe: Can any one answer this question Pin
Richard MacCutchan7-May-16 2:49
mveRichard MacCutchan7-May-16 2:49 
QuestionCSS Pin
Member 125083947-May-16 0:16
Member 125083947-May-16 0:16 
QuestionActionLink for webgrid page navigation? Pin
#realJSOP3-May-16 5:00
mve#realJSOP3-May-16 5:00 
AnswerRe: ActionLink for webgrid page navigation? Pin
#realJSOP3-May-16 5:54
mve#realJSOP3-May-16 5:54 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.