Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design basic template

  • This topic is empty.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #169983
    Annran Ruth
    Participant

    Hi guys,
    totally new to all this and have the following problem.
    I need a basic responsive template for a long-form story that will allow me to use a full width image at the top and then have text 66% of the width below that. The text would be broken up with occasional images and at a couple of points I’d like to have the text area split in 2 with an image on the left and a large quote on the right.
    I cant include any javascript other than that hosted on a cdn due to the cms i’m using.
    Any help would be much appreciated,
    Thanks
    Annran

    #170027
    Rohithzr
    Participant

    hire a developer!

    #170042
    Annran Ruth
    Participant

    Thanks so much Rohithzr, it’s smart asses like you that make the rest of us glad the human race isn’t primarily made up of people like you.
    Thanks again for nothing.

    #170047
    Rohithzr
    Participant

    @annran Ruth Were you hoping that someone here will actually sit and make a whole template for you. we can help but we cannot do the whole thing for you. The purpose a forum is to help and help is what you’ll get here

    #170050
    Annran Ruth
    Participant

    I was hoping someone might point me in the right direction. As a newbie I imagine what I need is a div at the top of the page to hold my image, another div to hold the text and a third that would hold an image and some text. 3 relatively simple elements that will repeat as needed down the page. I was trying to avoid potential pitfalls , hoping that someone might say “hey try this and see how it works for you ” but lucky me, I met you.

    #170053
    Rohithzr
    Participant

    @Annran Lucky You!
    then lets see with the description you provided i think there is no need for a of nav bar so we’ll skip it.<br>
    next we have your full width image so yes a div width:100% should do it an as a safe fail you should follow it with <div style="clear:both">

    next is the main div saying width:66%; margin-left:17%; which will bring it to center of the page

    then comes images …. big deal just place them and do a float:left or float:right depending on what you need.

    then text portion (dont say text area as it is an element and hence can confuse someone) split into two: that would two divs inside main with a width:47% each and a float left an right respectively

    enjoy coding ;)

    #170057
    Annran Ruth
    Participant

    See how easy it is to be nice. Thanks for the advice!

    #170058
    Rohithzr
    Participant

    don’t mention it.

    #170195
    connorblikre
    Participant
    #170201
    Rohithzr
    Participant

    @annran I Guess i was wrong, some would actually make the template for you. :P @connorblikre nice one, that should be it for him

    #170208
    Annran Ruth
    Participant

    Hey, thanks a million

Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘Design’ is closed to new topics and replies.